/* Minification failed. Returning unminified contents.
(6958,43): run-time error CSS1055: Expected media-query expression, found 'screen'
(6968,43): run-time error CSS1055: Expected media-query expression, found 'screen'
(6978,43): run-time error CSS1055: Expected media-query expression, found 'screen'
(6990,43): run-time error CSS1055: Expected media-query expression, found 'screen'
(6998,43): run-time error CSS1055: Expected media-query expression, found 'screen'
(7008,43): run-time error CSS1055: Expected media-query expression, found 'screen'
(7018,43): run-time error CSS1055: Expected media-query expression, found 'screen'
(7040,43): run-time error CSS1055: Expected media-query expression, found 'screen'
(7783,42): run-time error CSS1055: Expected media-query expression, found 'screen'
 */
/* Tento soubor byl vygenerovan (Wed Apr 15 2020 11:44:44 GMT+0200 (Central European Summer Time)), needitujte rucne! */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: normal;
    vertical-align: baseline;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    padding: 0 !important;
    margin: 0;
    margin-bottom: 10px;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

input,
textarea,
select {
    font-size: 100%;
}

ul {
    list-style: none;
}

input::-webkit-calendar-picker-indicator {
    display: none;
}

input[type=date]::-webkit-input-placeholder {
    visibility: hidden !important;
}

input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input::-o-outer-spin-button,
input::-o-inner-spin-button {
    -o-appearance: none;
    margin: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

input {
    border-radius: 0;
    -webkit-appearance: none;
    /* iPhone shadow remove */
    -moz-appearance: none;
    /* iPhone shadow remove */
    appearance: none;
    /* iPhone shadow remove */
}

body {
    -ms-overflow-style: scrollbar;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.doc-header {
    width: 100%;
    padding: 10px;
    height: 80px;
    background: rgba(0, 0, 0, 0.85);
}

.doc-header-pblogo {
    height: 60%;
    margin: 0.5em;
    float: left;
}

.doc-header-h1 {
    float: left;
    margin: 0.5em;
    color: white;
    font-size: 150%;
}

.component-header {
    border-bottom: solid 2px rgba(0, 0, 0, 0.9);
    margin: 50px 0 5px 0;
    font-family: 'Roboto', sans-serif;
}

    .component-header::first-letter {
        text-transform: uppercase;
    }

.component-description {
    margin: 20px 0;
}

.component-preview {
    background: white;
    margin: 20px 0;
    width: 100%;
    padding: 20px;
}

.component-codePreview {
    border: solid 1px black;
    margin: 20px 0;
    margin-bottom: 10px;
    background: #f8f8f8;
}

    .component-codePreview pre {
        margin: 0;
        padding: 0 30px 10px 30px;
        font-size: 80%;
        overflow: auto;
    }

    .component-codePreview code {
        word-wrap: break-word;
        overflow: visible;
        text-align: left;
    }

.component-codePreviewHeading {
    color: white;
    background: rgba(0, 0, 0, 0.85);
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 0;
    font-size: 100%;
    border-bottom: solid 1px black;
}

.component-codePreviewBtn {
    border: 0;
    background: transparent;
    padding: 0;
    width: 100%;
    position: relative;
}

.component-copyMessage {
    position: absolute;
    right: 10px;
    color: gray;
}

.component-parameters {
    overflow: auto;
}

    .component-parameters table {
        width: 100%;
        background: transparent;
    }

    .component-parameters th {
        background: transparent;
        font-weight: bold;
        padding: 20px 0 10px 5px;
        border-bottom: 2px solid rgba(0, 0, 0, 0.12);
    }

    .component-parameters td {
        padding: 8px 0 8px 5px;
        background: transparent;
    }

.doc-content {
    max-width: 900px;
    margin: auto;
    font-family: 'Roboto', sans-serif;
}

.doc-goUp {
    position: fixed;
    bottom: 50px;
    right: 0px;
    background: white;
    border: 1px solid #d8dfe5;
    width: 100px;
    height: 100px;
    text-align: center;
    text-decoration: none;
}

    .doc-goUp a {
        width: 100%;
        display: block;
        color: #1a1e22;
        font-family: 'Open Sans', sans-serif;
        font-size: 11px;
        line-height: 90px;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration: none;
    }

.doc-navigation-header {
    border-bottom: solid 3px rgba(0, 0, 0, 0.9);
    margin: 10px 0 5px 0;
}

.doc-navigation-list {
    margin: 0.5em;
}

    .doc-navigation-list li {
        display: inline;
        margin: 0.5em;
        text-align: justify;
        line-height: 1.5em;
    }

    .doc-navigation-list a {
        text-decoration: none;
    }

.Documentation-bg {
    background: #fafafa;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* Heart beat animation */
@-webkit-keyframes beat {
    to {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
}

@keyframes beat {
    to {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
}
/* Happy shake animation */
@-webkit-keyframes shake {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }

    35% {
        -webkit-transform: rotate(0deg) scale(1.2);
        transform: rotate(0deg) scale(1.2);
    }

    50% {
        -webkit-transform: rotate(-5deg) scale(1.2);
        transform: rotate(-5deg) scale(1.2);
    }

    65% {
        -webkit-transform: rotate(5deg) scale(1.2);
        transform: rotate(5deg) scale(1.2);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
}

@keyframes shake {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }

    35% {
        -webkit-transform: rotate(0deg) scale(1.2);
        transform: rotate(0deg) scale(1.2);
    }

    50% {
        -webkit-transform: rotate(-5deg) scale(1.2);
        transform: rotate(-5deg) scale(1.2);
    }

    65% {
        -webkit-transform: rotate(5deg) scale(1.2);
        transform: rotate(5deg) scale(1.2);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
}
/* Zostření */
@-webkit-keyframes sharpen {
    from {
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes sharpen {
    from {
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    to {
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
/* Průhlednost */
@-webkit-keyframes opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.u-size1of12 {
    width: 8.33333333%;
}

.u-offset1of12 {
    margin-left: 8.33333333%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size1of12 {
        width: 8.33333333%;
    }

    .u-lg-offset1of12 {
        margin-left: 8.33333333%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size1of12 {
        width: 8.33333333%;
    }

    .u-md-offset1of12 {
        margin-left: 8.33333333%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size1of12 {
        width: 8.33333333%;
    }

    .u-sm-offset1of12 {
        margin-left: 8.33333333%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size1of12 {
        width: 8.33333333%;
    }

    .u-xs-offset1of12 {
        margin-left: 8.33333333%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size1of12 {
        width: 8.33333333%;
    }

    .u-xxs-offset1of12 {
        margin-left: 8.33333333%;
    }
}

.u-size2of12 {
    width: 16.66666667%;
}

.u-offset2of12 {
    margin-left: 16.66666667%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size2of12 {
        width: 16.66666667%;
    }

    .u-lg-offset2of12 {
        margin-left: 16.66666667%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size2of12 {
        width: 16.66666667%;
    }

    .u-md-offset2of12 {
        margin-left: 16.66666667%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size2of12 {
        width: 16.66666667%;
    }

    .u-sm-offset2of12 {
        margin-left: 16.66666667%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size2of12 {
        width: 16.66666667%;
    }

    .u-xs-offset2of12 {
        margin-left: 16.66666667%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size2of12 {
        width: 16.66666667%;
    }

    .u-xxs-offset2of12 {
        margin-left: 16.66666667%;
    }
}

.u-size3of12 {
    width: 25%;
}

.u-offset3of12 {
    margin-left: 25%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size3of12 {
        width: 25%;
    }

    .u-lg-offset3of12 {
        margin-left: 25%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size3of12 {
        width: 25%;
    }

    .u-md-offset3of12 {
        margin-left: 25%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size3of12 {
        width: 25%;
    }

    .u-sm-offset3of12 {
        margin-left: 25%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size3of12 {
        width: 25%;
    }

    .u-xs-offset3of12 {
        margin-left: 25%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size3of12 {
        width: 25%;
    }

    .u-xxs-offset3of12 {
        margin-left: 25%;
    }
}

.u-size4of12 {
    width: 33.33333333%;
}

.u-offset4of12 {
    margin-left: 33.33333333%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size4of12 {
        width: 33.33333333%;
    }

    .u-lg-offset4of12 {
        margin-left: 33.33333333%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size4of12 {
        width: 33.33333333%;
    }

    .u-md-offset4of12 {
        margin-left: 33.33333333%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size4of12 {
        width: 33.33333333%;
    }

    .u-sm-offset4of12 {
        margin-left: 33.33333333%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size4of12 {
        width: 33.33333333%;
    }

    .u-xs-offset4of12 {
        margin-left: 33.33333333%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size4of12 {
        width: 33.33333333%;
    }

    .u-xxs-offset4of12 {
        margin-left: 33.33333333%;
    }
}

.u-size5of12 {
    width: 41.66666667%;
}

.u-offset5of12 {
    margin-left: 41.66666667%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size5of12 {
        width: 41.66666667%;
    }

    .u-lg-offset5of12 {
        margin-left: 41.66666667%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size5of12 {
        width: 41.66666667%;
    }

    .u-md-offset5of12 {
        margin-left: 41.66666667%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size5of12 {
        width: 41.66666667%;
    }

    .u-sm-offset5of12 {
        margin-left: 41.66666667%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size5of12 {
        width: 41.66666667%;
    }

    .u-xs-offset5of12 {
        margin-left: 41.66666667%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size5of12 {
        width: 41.66666667%;
    }

    .u-xxs-offset5of12 {
        margin-left: 41.66666667%;
    }
}

.u-size6of12 {
    width: 50%;
}

.u-offset6of12 {
    margin-left: 50%;
}

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

    .u-lg-offset6of12 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size6of12 {
        width: 50%;
    }

    .u-md-offset6of12 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size6of12 {
        width: 50%;
    }

    .u-sm-offset6of12 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size6of12 {
        width: 50%;
    }

    .u-xs-offset6of12 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size6of12 {
        width: 50%;
    }

    .u-xxs-offset6of12 {
        margin-left: 50%;
    }
}

.u-size7of12 {
    width: 58.33333333%;
}

.u-offset7of12 {
    margin-left: 58.33333333%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size7of12 {
        width: 58.33333333%;
    }

    .u-lg-offset7of12 {
        margin-left: 58.33333333%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size7of12 {
        width: 58.33333333%;
    }

    .u-md-offset7of12 {
        margin-left: 58.33333333%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size7of12 {
        width: 58.33333333%;
    }

    .u-sm-offset7of12 {
        margin-left: 58.33333333%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size7of12 {
        width: 58.33333333%;
    }

    .u-xs-offset7of12 {
        margin-left: 58.33333333%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size7of12 {
        width: 58.33333333%;
    }

    .u-xxs-offset7of12 {
        margin-left: 58.33333333%;
    }
}

.u-size8of12 {
    width: 66.66666667%;
}

.u-offset8of12 {
    margin-left: 66.66666667%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size8of12 {
        width: 66.66666667%;
    }

    .u-lg-offset8of12 {
        margin-left: 66.66666667%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size8of12 {
        width: 66.66666667%;
    }

    .u-md-offset8of12 {
        margin-left: 66.66666667%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size8of12 {
        width: 66.66666667%;
    }

    .u-sm-offset8of12 {
        margin-left: 66.66666667%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size8of12 {
        width: 66.66666667%;
    }

    .u-xs-offset8of12 {
        margin-left: 66.66666667%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size8of12 {
        width: 66.66666667%;
    }

    .u-xxs-offset8of12 {
        margin-left: 66.66666667%;
    }
}

.u-size9of12 {
    width: 75%;
}

.u-offset9of12 {
    margin-left: 75%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size9of12 {
        width: 75%;
    }

    .u-lg-offset9of12 {
        margin-left: 75%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size9of12 {
        width: 75%;
    }

    .u-md-offset9of12 {
        margin-left: 75%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size9of12 {
        width: 75%;
    }

    .u-sm-offset9of12 {
        margin-left: 75%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size9of12 {
        width: 75%;
    }

    .u-xs-offset9of12 {
        margin-left: 75%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size9of12 {
        width: 75%;
    }

    .u-xxs-offset9of12 {
        margin-left: 75%;
    }
}

.u-size10of12 {
    width: 83.33333333%;
}

.u-offset10of12 {
    margin-left: 83.33333333%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size10of12 {
        width: 83.33333333%;
    }

    .u-lg-offset10of12 {
        margin-left: 83.33333333%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size10of12 {
        width: 83.33333333%;
    }

    .u-md-offset10of12 {
        margin-left: 83.33333333%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size10of12 {
        width: 83.33333333%;
    }

    .u-sm-offset10of12 {
        margin-left: 83.33333333%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size10of12 {
        width: 83.33333333%;
    }

    .u-xs-offset10of12 {
        margin-left: 83.33333333%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size10of12 {
        width: 83.33333333%;
    }

    .u-xxs-offset10of12 {
        margin-left: 83.33333333%;
    }
}

.u-size11of12 {
    width: 91.66666667%;
}

.u-offset11of12 {
    margin-left: 91.66666667%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size11of12 {
        width: 91.66666667%;
    }

    .u-lg-offset11of12 {
        margin-left: 91.66666667%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size11of12 {
        width: 91.66666667%;
    }

    .u-md-offset11of12 {
        margin-left: 91.66666667%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size11of12 {
        width: 91.66666667%;
    }

    .u-sm-offset11of12 {
        margin-left: 91.66666667%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size11of12 {
        width: 91.66666667%;
    }

    .u-xs-offset11of12 {
        margin-left: 91.66666667%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size11of12 {
        width: 91.66666667%;
    }

    .u-xxs-offset11of12 {
        margin-left: 91.66666667%;
    }
}

.u-size12of12 {
    width: 100%;
}

.u-offset12of12 {
    margin-left: 100%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size12of12 {
        width: 100%;
    }

    .u-lg-offset12of12 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size12of12 {
        width: 100%;
    }

    .u-md-offset12of12 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size12of12 {
        width: 100%;
    }

    .u-sm-offset12of12 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size12of12 {
        width: 100%;
    }

    .u-xs-offset12of12 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size12of12 {
        width: 100%;
    }

    .u-xxs-offset12of12 {
        margin-left: 100%;
    }
}

.u-size1of10 {
    width: 10%;
}

.u-offset1of10 {
    margin-left: 10%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size1of10 {
        width: 10%;
    }

    .u-lg-offset1of10 {
        margin-left: 10%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size1of10 {
        width: 10%;
    }

    .u-md-offset1of10 {
        margin-left: 10%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size1of10 {
        width: 10%;
    }

    .u-sm-offset1of10 {
        margin-left: 10%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size1of10 {
        width: 10%;
    }

    .u-xs-offset1of10 {
        margin-left: 10%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size1of10 {
        width: 10%;
    }

    .u-xxs-offset1of10 {
        margin-left: 10%;
    }
}

.u-size2of10 {
    width: 20%;
}

.u-offset2of10 {
    margin-left: 20%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size2of10 {
        width: 20%;
    }

    .u-lg-offset2of10 {
        margin-left: 20%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size2of10 {
        width: 20%;
    }

    .u-md-offset2of10 {
        margin-left: 20%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size2of10 {
        width: 20%;
    }

    .u-sm-offset2of10 {
        margin-left: 20%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size2of10 {
        width: 20%;
    }

    .u-xs-offset2of10 {
        margin-left: 20%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size2of10 {
        width: 20%;
    }

    .u-xxs-offset2of10 {
        margin-left: 20%;
    }
}

.u-size3of10 {
    width: 30%;
}

.u-offset3of10 {
    margin-left: 30%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size3of10 {
        width: 30%;
    }

    .u-lg-offset3of10 {
        margin-left: 30%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size3of10 {
        width: 30%;
    }

    .u-md-offset3of10 {
        margin-left: 30%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size3of10 {
        width: 30%;
    }

    .u-sm-offset3of10 {
        margin-left: 30%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size3of10 {
        width: 30%;
    }

    .u-xs-offset3of10 {
        margin-left: 30%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size3of10 {
        width: 30%;
    }

    .u-xxs-offset3of10 {
        margin-left: 30%;
    }
}

.u-size4of10 {
    width: 40%;
}

.u-offset4of10 {
    margin-left: 40%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size4of10 {
        width: 40%;
    }

    .u-lg-offset4of10 {
        margin-left: 40%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size4of10 {
        width: 40%;
    }

    .u-md-offset4of10 {
        margin-left: 40%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size4of10 {
        width: 40%;
    }

    .u-sm-offset4of10 {
        margin-left: 40%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size4of10 {
        width: 40%;
    }

    .u-xs-offset4of10 {
        margin-left: 40%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size4of10 {
        width: 40%;
    }

    .u-xxs-offset4of10 {
        margin-left: 40%;
    }
}

.u-size5of10 {
    width: 50%;
}

.u-offset5of10 {
    margin-left: 50%;
}

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

    .u-lg-offset5of10 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size5of10 {
        width: 50%;
    }

    .u-md-offset5of10 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size5of10 {
        width: 50%;
    }

    .u-sm-offset5of10 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size5of10 {
        width: 50%;
    }

    .u-xs-offset5of10 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size5of10 {
        width: 50%;
    }

    .u-xxs-offset5of10 {
        margin-left: 50%;
    }
}

.u-size6of10 {
    width: 60%;
}

.u-offset6of10 {
    margin-left: 60%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size6of10 {
        width: 60%;
    }

    .u-lg-offset6of10 {
        margin-left: 60%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size6of10 {
        width: 60%;
    }

    .u-md-offset6of10 {
        margin-left: 60%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size6of10 {
        width: 60%;
    }

    .u-sm-offset6of10 {
        margin-left: 60%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size6of10 {
        width: 60%;
    }

    .u-xs-offset6of10 {
        margin-left: 60%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size6of10 {
        width: 60%;
    }

    .u-xxs-offset6of10 {
        margin-left: 60%;
    }
}

.u-size7of10 {
    width: 70%;
}

.u-offset7of10 {
    margin-left: 70%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size7of10 {
        width: 70%;
    }

    .u-lg-offset7of10 {
        margin-left: 70%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size7of10 {
        width: 70%;
    }

    .u-md-offset7of10 {
        margin-left: 70%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size7of10 {
        width: 70%;
    }

    .u-sm-offset7of10 {
        margin-left: 70%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size7of10 {
        width: 70%;
    }

    .u-xs-offset7of10 {
        margin-left: 70%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size7of10 {
        width: 70%;
    }

    .u-xxs-offset7of10 {
        margin-left: 70%;
    }
}

.u-size8of10 {
    width: 80%;
}

.u-offset8of10 {
    margin-left: 80%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size8of10 {
        width: 80%;
    }

    .u-lg-offset8of10 {
        margin-left: 80%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size8of10 {
        width: 80%;
    }

    .u-md-offset8of10 {
        margin-left: 80%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size8of10 {
        width: 80%;
    }

    .u-sm-offset8of10 {
        margin-left: 80%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size8of10 {
        width: 80%;
    }

    .u-xs-offset8of10 {
        margin-left: 80%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size8of10 {
        width: 80%;
    }

    .u-xxs-offset8of10 {
        margin-left: 80%;
    }
}

.u-size9of10 {
    width: 90%;
}

.u-offset9of10 {
    margin-left: 90%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size9of10 {
        width: 90%;
    }

    .u-lg-offset9of10 {
        margin-left: 90%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size9of10 {
        width: 90%;
    }

    .u-md-offset9of10 {
        margin-left: 90%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size9of10 {
        width: 90%;
    }

    .u-sm-offset9of10 {
        margin-left: 90%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size9of10 {
        width: 90%;
    }

    .u-xs-offset9of10 {
        margin-left: 90%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size9of10 {
        width: 90%;
    }

    .u-xxs-offset9of10 {
        margin-left: 90%;
    }
}

.u-size10of10 {
    width: 100%;
}

.u-offset10of10 {
    margin-left: 100%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size10of10 {
        width: 100%;
    }

    .u-lg-offset10of10 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size10of10 {
        width: 100%;
    }

    .u-md-offset10of10 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size10of10 {
        width: 100%;
    }

    .u-sm-offset10of10 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size10of10 {
        width: 100%;
    }

    .u-xs-offset10of10 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size10of10 {
        width: 100%;
    }

    .u-xxs-offset10of10 {
        margin-left: 100%;
    }
}

.u-size1of5 {
    width: 20%;
}

.u-offset1of5 {
    margin-left: 20%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size1of5 {
        width: 20%;
    }

    .u-lg-offset1of5 {
        margin-left: 20%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size1of5 {
        width: 20%;
    }

    .u-md-offset1of5 {
        margin-left: 20%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size1of5 {
        width: 20%;
    }

    .u-sm-offset1of5 {
        margin-left: 20%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size1of5 {
        width: 20%;
    }

    .u-xs-offset1of5 {
        margin-left: 20%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size1of5 {
        width: 20%;
    }

    .u-xxs-offset1of5 {
        margin-left: 20%;
    }
}

.u-size2of5 {
    width: 40%;
}

.u-offset2of5 {
    margin-left: 40%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size2of5 {
        width: 40%;
    }

    .u-lg-offset2of5 {
        margin-left: 40%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size2of5 {
        width: 40%;
    }

    .u-md-offset2of5 {
        margin-left: 40%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size2of5 {
        width: 40%;
    }

    .u-sm-offset2of5 {
        margin-left: 40%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size2of5 {
        width: 40%;
    }

    .u-xs-offset2of5 {
        margin-left: 40%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size2of5 {
        width: 40%;
    }

    .u-xxs-offset2of5 {
        margin-left: 40%;
    }
}

.u-size3of5 {
    width: 60%;
}

.u-offset3of5 {
    margin-left: 60%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size3of5 {
        width: 60%;
    }

    .u-lg-offset3of5 {
        margin-left: 60%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size3of5 {
        width: 60%;
    }

    .u-md-offset3of5 {
        margin-left: 60%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size3of5 {
        width: 60%;
    }

    .u-sm-offset3of5 {
        margin-left: 60%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size3of5 {
        width: 60%;
    }

    .u-xs-offset3of5 {
        margin-left: 60%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size3of5 {
        width: 60%;
    }

    .u-xxs-offset3of5 {
        margin-left: 60%;
    }
}

.u-size4of5 {
    width: 80%;
}

.u-offset4of5 {
    margin-left: 80%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size4of5 {
        width: 80%;
    }

    .u-lg-offset4of5 {
        margin-left: 80%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size4of5 {
        width: 80%;
    }

    .u-md-offset4of5 {
        margin-left: 80%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size4of5 {
        width: 80%;
    }

    .u-sm-offset4of5 {
        margin-left: 80%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size4of5 {
        width: 80%;
    }

    .u-xs-offset4of5 {
        margin-left: 80%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size4of5 {
        width: 80%;
    }

    .u-xxs-offset4of5 {
        margin-left: 80%;
    }
}

.u-size5of5 {
    width: 100%;
}

.u-offset5of5 {
    margin-left: 100%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size5of5 {
        width: 100%;
    }

    .u-lg-offset5of5 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size5of5 {
        width: 100%;
    }

    .u-md-offset5of5 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size5of5 {
        width: 100%;
    }

    .u-sm-offset5of5 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size5of5 {
        width: 100%;
    }

    .u-xs-offset5of5 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size5of5 {
        width: 100%;
    }

    .u-xxs-offset5of5 {
        margin-left: 100%;
    }
}

.u-size1of4 {
    width: 25%;
}

.u-offset1of4 {
    margin-left: 25%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size1of4 {
        width: 25%;
    }

    .u-lg-offset1of4 {
        margin-left: 25%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size1of4 {
        width: 25%;
    }

    .u-md-offset1of4 {
        margin-left: 25%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size1of4 {
        width: 25%;
    }

    .u-sm-offset1of4 {
        margin-left: 25%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size1of4 {
        width: 25%;
    }

    .u-xs-offset1of4 {
        margin-left: 25%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size1of4 {
        width: 25%;
    }

    .u-xxs-offset1of4 {
        margin-left: 25%;
    }
}

.u-size2of4 {
    width: 50%;
}

.u-offset2of4 {
    margin-left: 50%;
}

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

    .u-lg-offset2of4 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size2of4 {
        width: 50%;
    }

    .u-md-offset2of4 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size2of4 {
        width: 50%;
    }

    .u-sm-offset2of4 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size2of4 {
        width: 50%;
    }

    .u-xs-offset2of4 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size2of4 {
        width: 50%;
    }

    .u-xxs-offset2of4 {
        margin-left: 50%;
    }
}

.u-size3of4 {
    width: 75%;
}

.u-offset3of4 {
    margin-left: 75%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size3of4 {
        width: 75%;
    }

    .u-lg-offset3of4 {
        margin-left: 75%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size3of4 {
        width: 75%;
    }

    .u-md-offset3of4 {
        margin-left: 75%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size3of4 {
        width: 75%;
    }

    .u-sm-offset3of4 {
        margin-left: 75%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size3of4 {
        width: 75%;
    }

    .u-xs-offset3of4 {
        margin-left: 75%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size3of4 {
        width: 75%;
    }

    .u-xxs-offset3of4 {
        margin-left: 75%;
    }
}

.u-size4of4 {
    width: 100%;
}

.u-offset4of4 {
    margin-left: 100%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size4of4 {
        width: 100%;
    }

    .u-lg-offset4of4 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size4of4 {
        width: 100%;
    }

    .u-md-offset4of4 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size4of4 {
        width: 100%;
    }

    .u-sm-offset4of4 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size4of4 {
        width: 100%;
    }

    .u-xs-offset4of4 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size4of4 {
        width: 100%;
    }

    .u-xxs-offset4of4 {
        margin-left: 100%;
    }
}

.u-size1of3 {
    width: 33.33333333%;
}

.u-offset1of3 {
    margin-left: 33.33333333%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size1of3 {
        width: 33.33333333%;
    }

    .u-lg-offset1of3 {
        margin-left: 33.33333333%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size1of3 {
        width: 33.33333333%;
    }

    .u-md-offset1of3 {
        margin-left: 33.33333333%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size1of3 {
        width: 33.33333333%;
    }

    .u-sm-offset1of3 {
        margin-left: 33.33333333%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size1of3 {
        width: 33.33333333%;
    }

    .u-xs-offset1of3 {
        margin-left: 33.33333333%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size1of3 {
        width: 33.33333333%;
    }

    .u-xxs-offset1of3 {
        margin-left: 33.33333333%;
    }
}

.u-size2of3 {
    width: 66.66666667%;
}

.u-offset2of3 {
    margin-left: 66.66666667%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size2of3 {
        width: 66.66666667%;
    }

    .u-lg-offset2of3 {
        margin-left: 66.66666667%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size2of3 {
        width: 66.66666667%;
    }

    .u-md-offset2of3 {
        margin-left: 66.66666667%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size2of3 {
        width: 66.66666667%;
    }

    .u-sm-offset2of3 {
        margin-left: 66.66666667%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size2of3 {
        width: 66.66666667%;
    }

    .u-xs-offset2of3 {
        margin-left: 66.66666667%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size2of3 {
        width: 66.66666667%;
    }

    .u-xxs-offset2of3 {
        margin-left: 66.66666667%;
    }
}

.u-size3of3 {
    width: 100%;
}

.u-offset3of3 {
    margin-left: 100%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size3of3 {
        width: 100%;
    }

    .u-lg-offset3of3 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size3of3 {
        width: 100%;
    }

    .u-md-offset3of3 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size3of3 {
        width: 100%;
    }

    .u-sm-offset3of3 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size3of3 {
        width: 100%;
    }

    .u-xs-offset3of3 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size3of3 {
        width: 100%;
    }

    .u-xxs-offset3of3 {
        margin-left: 100%;
    }
}

.u-size1of2 {
    width: 50%;
}

.u-offset1of2 {
    margin-left: 50%;
}

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

    .u-lg-offset1of2 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size1of2 {
        width: 50%;
    }

    .u-md-offset1of2 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size1of2 {
        width: 50%;
    }

    .u-sm-offset1of2 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size1of2 {
        width: 50%;
    }

    .u-xs-offset1of2 {
        margin-left: 50%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size1of2 {
        width: 50%;
    }

    .u-xxs-offset1of2 {
        margin-left: 50%;
    }
}

.u-size2of2 {
    width: 100%;
}

.u-offset2of2 {
    margin-left: 100%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size2of2 {
        width: 100%;
    }

    .u-lg-offset2of2 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size2of2 {
        width: 100%;
    }

    .u-md-offset2of2 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size2of2 {
        width: 100%;
    }

    .u-sm-offset2of2 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size2of2 {
        width: 100%;
    }

    .u-xs-offset2of2 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size2of2 {
        width: 100%;
    }

    .u-xxs-offset2of2 {
        margin-left: 100%;
    }
}

.u-size1of1 {
    width: 100%;
}

.u-offset1of1 {
    margin-left: 100%;
}

@media screen and (min-width: 1000px) {
    .u-lg-size1of1 {
        width: 100%;
    }

    .u-lg-offset1of1 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-size1of1 {
        width: 100%;
    }

    .u-md-offset1of1 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-size1of1 {
        width: 100%;
    }

    .u-sm-offset1of1 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-size1of1 {
        width: 100%;
    }

    .u-xs-offset1of1 {
        margin-left: 100%;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-size1of1 {
        width: 100%;
    }

    .u-xxs-offset1of1 {
        margin-left: 100%;
    }
}

*,
:after,
:before {
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    background: #F4F2ED;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 100%;
    /* Fix height of elements with Google tag manager */
}

    body.is-disabledScroll {
        height: 100%;
        overflow: hidden;
    }

    body.has-stickyHeader {
        padding-top: 50px;
    }

    body > iframe {
        display: block;
        height: 0;
    }

        body > iframe html body {
            background-color: #F4F2ED;
        }

a,
button {
    color: inherit;
}

button,
input {
    outline: 0;
}
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* Document
   ========================================================================== */
html {
    font-family: sans-serif;
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}
    /**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
    a:active,
    a:hover {
        outline-width: 0;
    }
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}
    /**
 * Add the correct display in iOS 4-7.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
    font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}
    /**
 * Remove the inner border and padding in Firefox.
 */
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }
    /**
 * Restore the focus styles unset by the previous rule.
 */
    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}
    /**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
    display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}
/*! jQuery UI - v1.12.1 - 2019-03-10
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

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

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }
/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }
/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup > .ui-controlgroup-item:focus,
        .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc(97.6%);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
        overflow: visible;
    }

        .ui-datepicker .ui-datepicker-prev span:before,
        .ui-datepicker .ui-datepicker-next span:before {
            content: "";
            position: absolute;
            width: 30px;
            height: 30px;
            left: -7px;
            top: -7px;
        }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 14px;
            margin: 1px 0;
            border: 0 none;
            font-weight: 600;
            letter-spacing: 0.01em;
            font-family: 'Source Sans Pro', sans-serif;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }
    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-timepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-timepicker .ui-timepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-timepicker .ui-timepicker-prev,
    .ui-timepicker .ui-timepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-timepicker .ui-timepicker-prev-hover,
    .ui-timepicker .ui-timepicker-next-hover {
        top: 1px;
    }

    .ui-timepicker .ui-timepicker-prev {
        left: 2px;
    }

    .ui-timepicker .ui-timepicker-next {
        right: 2px;
    }

    .ui-timepicker .ui-timepicker-prev-hover {
        left: 1px;
    }

    .ui-timepicker .ui-timepicker-next-hover {
        right: 1px;
    }

    .ui-timepicker .ui-timepicker-prev span,
    .ui-timepicker .ui-timepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-timepicker .ui-timepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-timepicker .ui-timepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-timepicker select.ui-timepicker-hour,
    .ui-timepicker select.ui-timepicker-min {
        width: 45%;
    }

    .ui-timepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-timepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-timepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-timepicker td span,
        .ui-timepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-timepicker .ui-timepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-timepicker .ui-timepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-timepicker .ui-timepicker-buttonpane button.ui-timepicker-current {
                float: left;
            }
    /* with multiple calendars */
    .ui-timepicker.ui-timepicker-multi {
        width: auto;
    }

.ui-timepicker-multi .ui-timepicker-group {
    float: left;
}

    .ui-timepicker-multi .ui-timepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-timepicker-multi-2 .ui-timepicker-group {
    width: 50%;
}

.ui-timepicker-multi-3 .ui-timepicker-group {
    width: 33.3%;
}

.ui-timepicker-multi-4 .ui-timepicker-group {
    width: 25%;
}

.ui-timepicker-multi .ui-timepicker-group-last .ui-timepicker-header,
.ui-timepicker-multi .ui-timepicker-group-middle .ui-timepicker-header {
    border-left-width: 0;
}

.ui-timepicker-multi .ui-timepicker-buttonpane {
    clear: left;
}

.ui-timepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}
/* RTL support */
.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl .ui-timepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-timepicker-rtl .ui-timepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-timepicker-rtl .ui-timepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-timepicker-rtl .ui-timepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-timepicker-rtl .ui-timepicker-buttonpane {
        clear: right;
    }

        .ui-timepicker-rtl .ui-timepicker-buttonpane button {
            float: left;
        }

            .ui-timepicker-rtl .ui-timepicker-buttonpane button.ui-timepicker-current,
            .ui-timepicker-rtl .ui-timepicker-group {
                float: right;
            }

    .ui-timepicker-rtl .ui-timepicker-group-last .ui-timepicker-header,
    .ui-timepicker-rtl .ui-timepicker-group-middle .ui-timepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }
/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25);
        /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }
    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        -webkit-filter: inherit;
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -0.3em;
        margin-left: -0.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -0.3em;
        margin-left: 0;
        margin-bottom: -0.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }
    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            color: #454545;
            text-decoration: none;
        }

            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus,
            .ui-button:hover,
            .ui-button:focus {
                border: 1px solid #cccccc;
                background: #ededed;
                font-weight: normal;
                color: #2b2b2b;
            }

                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                a.ui-button:hover,
                a.ui-button:focus {
                    color: #2b2b2b;
                    text-decoration: none;
                }

.ui-visual-focus {
    -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: alpha(opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: alpha(opacity=35);
    /* support: IE8 */
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: alpha(opacity=35);
        /* support: IE8 - See #6059 */
    }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/common/images/layout/ui/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("/common/images/layout/ui/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("/common/images/layout/ui/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("/common/images/layout/ui/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("/common/images/layout/ui/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/common/images/layout/ui/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("/common/images/layout/ui/ui-icons_777777_256x240.png");
}
/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: alpha(opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

.Alert {
    position: relative;
    padding: 16px 25px;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    background-color: #d3e4ed;
    border-radius: 8px;
    text-align: left !important;
    zoom: 1;
}

    .Alert:before,
    .Alert:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .Alert:after {
        clear: both;
    }

    .Alert:before,
    .Alert:after {
        content: "";
        display: table;
    }

    .Alert:after {
        clear: both;
    }

@media screen and (max-width: 767px) {
    .Alert {
        padding: 12px 25px;
    }
}

.Alert-messages,
.Wysiwyg .Alert-messages {
    margin: 0;
    padding: 0;
}

    .Alert-messages li,
    .Wysiwyg .Alert-messages li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .Alert-messages li:after,
        .Wysiwyg .Alert-messages li:after {
            display: none;
        }

.Alert--success {
    background: #92ba1a;
}

    .Alert--success .Alert-icon {
        font-size: 2.2em;
    }

.Alert--info {
    background: #b7afa6;
}

.Alert--error {
    background: #e04542;
}

.Alert-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 2em;
    color: #ffffff;
    opacity: 0.3;
}

.Alert-action {
    position: relative;
    top: -27px;
    float: right;
}

@media screen and (max-width: 767px) {
    .Alert-action {
        top: 0;
        margin-top: 10px;
        float: none;
    }
}

.Arrow-css {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

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

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

.Arrow-css--down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

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

.ac_results {
    margin-top: -3px;
    padding: 0px;
    min-width: 320px;
    border: 0;
    background-color: #ffffff;
    overflow: hidden;
    z-index: 99999;
    -webkit-box-shadow: 0 7px 10px #5f5752;
    box-shadow: 0 7px 10px #5f5752;
    border-radius: 0 4px 4px 4px;
}

@media screen and (max-width: 767px) {
    .ac_results {
        min-width: 280px;
    }
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 5px 10px;
    cursor: default;
    display: block;
    font-size: 15px;
    line-height: 1.2em;
    overflow: hidden;
    text-align: left;
    background-image: none;
    border-top: 1px solid #e9e5dc;
}

    .ac_results li:first-child {
        border-top: 0;
    }

.ac_over {
    background-color: #3895d9;
    color: #ffffff;
}

.ac_item {
    padding-left: 30px;
}

.ac_bottom {
    color: #a1aab7;
    font-size: 13px;
}

.ac_over .ac_bottom {
    color: #ffffff;
}

.Autocomplete-results {
    z-index: 6000;
    top: 81px;
    left: -430px;
    position: absolute;
    width: 1180px;
    white-space: normal;
}

@media screen and (max-width: 1426px) {
    .Autocomplete-results {
        left: -534px;
    }
}

@media screen and (max-width: 1339px) {
    .Autocomplete-results {
        left: -320px;
        right: 0;
        width: 860px;
    }
}

.Autocomplete-overlay {
    position: absolute;
    z-index: 11;
    top: 111px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.34;
    -webkit-transition: opacity 450ms;
    transition: opacity 450ms;
}

.Autocomplete-close {
    position: absolute;
    padding: 10px;
    right: 0;
    top: 0;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    .Autocomplete-close .Icon {
        fill: #000000;
    }

.header-UserZone-link .Autocomplete-close .Icon {
    margin: 0;
    width: 16px;
    height: 16px;
}

.Autocomplete-close:hover {
    background-color: #a1aab7;
}

    .Autocomplete-close:hover .Icon {
        pointer-events: none;
        fill: #000000;
    }

        .Autocomplete-close:hover .Icon use {
            pointer-events: none;
        }

.Autocomplete {
    background-color: #ffffff;
    margin-left: -10px;
    margin-right: -10px;
}

    .Autocomplete b {
        color: #3895d9 !important;
    }

    .Autocomplete .Link {
        text-decoration: none;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

        .Autocomplete .Link:hover {
            text-decoration: underline;
        }

.Autocomplete-cols {
    padding-top: 49px;
    padding-bottom: 30px;
}

.Autocomplete-side {
    width: 16.66666667%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 100%;
}

@media screen and (max-width: 1339px) {
    .Autocomplete-side {
        width: 30%;
        display: inline-block;
    }
}

@media screen and (max-width: 999px) {
    .Autocomplete-side {
        width: 33.33333333%;
    }
}

@media screen and (max-width: 767px) {
    .Autocomplete-side {
        float: none;
        width: 100%;
    }
}

.Autocomplete-title {
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 5px;
    letter-spacing: 0.01em;
}

.Autocomplete-list {
    width: 83.33333333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    padding-right: 0;
    font-size: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-left: 1px solid #cbdce5;
    border-top: 1px solid #cbdce5;
}

@media screen and (max-width: 1339px) {
    .Autocomplete-list {
        width: 70%;
        display: inline-block;
    }
}

@media screen and (max-width: 999px) {
    .Autocomplete-list {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .Autocomplete-list {
        margin-left: -5px;
        margin-right: -5px;
        width: 100%;
    }
}

.Autocomplete-list--fullwidth {
    width: 100%;
}

.Autocomplete-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    padding-right: 0;
    font-size: 100%;
    width: 25%;
    border-right: 1px solid #cbdce5;
    border-bottom: 1px solid #cbdce5;
}

    .Autocomplete-item .ProductCard-title {
        overflow: unset;
        white-space: normal;
    }

    .Autocomplete-item .ProductCard-titleLink {
        text-decoration: none;
    }

    .Autocomplete-item .ProductCard-bottom {
        height: auto;
        padding-bottom: 15px;
    }

    .Autocomplete-item .ProductCard-actions {
        position: static;
    }

@media screen and (max-width: 1339px) {
    .Autocomplete-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        padding-right: 0;
        font-size: 100%;
        width: 50%;
        display: inline-block;
    }
}

.BadgeList {
    text-align: left;
    position: relative;
}

.BadgeList-block {
    display: block;
}

.BadgeWarnings {
    display: inline-block;
    width: 120px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    color: #000000;
    text-align: center;
    vertical-align: top;
}

@media screen and (max-width: 767px) {
    .BadgeWarnings {
        font-size: 11px;
    }
}

.WarningsList .BadgeWarnigns-image {
    width: 100%;
}

.WarningsList .BadgeWarnigns-label {
    display: block;
}

.WarningsList .WarningsList-dangerous {
    color: #d42724;
    font-weight: 700;
    letter-spacing: 0.01em;
}
/* image small */
.BadgeWarnings--small {
    width: 60px;
}

    .BadgeWarnings--small .BadgeWarnigns-label {
        display: none;
    }
/* image big */
.BadgeWarnings--big {
    width: 100px;
    margin-left: 20px;
    margin-bottom: 10px;
}

    .BadgeWarnings--big:first-child {
        margin-left: 0;
    }

    .BadgeWarnings--big .BadgeWarnigns-label {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.01em;
    }

.Badge {
    display: inline-block;
    padding: 7px 8px 0;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    color: #ffffff;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .Badge {
        font-size: 11px;
        padding-top: 5px;
        height: 27px;
    }
}

.Badge--grey {
    color: #000000;
    background-color: #d3e4ed;
}

.Badge--turquoise {
    background-color: #44bdb4;
}

.Badge--red {
    background-color: #d42724;
}

.Badge--blue {
    background-color: #3895d9;
}

.Badge--orange {
    background-color: #d8ab47;
}

.Badge--purple {
    background-color: #ddc4df;
}

.Badge--green {
    background-color: #13b429;
}

.Badge--greenLight {
    color: #000000;
    background-color: #bbf3c3;
}

.Badge--gold {
    background-color: #bf8714;
}
/* image left */
.Badge--left {
    padding-left: 8px;
    padding-right: 8px;
}
/* image center */
.Badge--center {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.Box-banner {
    position: relative;
    background-color: #A19992;
    background-size: cover;
    background-position: 0 50%;
    height: 190px;
}

@media screen and (max-width: 767px) {
    .Box-banner {
        width: 100%;
        height: auto;
    }

        .Box-banner::after {
            content: "";
            display: block;
            padding-bottom: 80%;
        }

        .Box-banner.Box-banner--1line {
            height: 130px;
        }

            .Box-banner.Box-banner--1line::after {
                padding-bottom: 0;
            }

        .Box-banner.Box-banner--halfText .Heading {
            max-width: 56%;
        }
}

.Box-banner .Box-name .Heading {
    margin-top: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #ffffff;
    text-shadow: 0 0 1px #5f5752;
    letter-spacing: 0.025em;
}

    .Box-banner .Box-name .Heading span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }

@media screen and (max-width: 999px) {
    .Box-banner .Box-name .Heading {
        position: absolute;
        left: 0;
        top: 0;
        padding: 15px;
        font-size: 16px;
        line-height: 20px;
    }
}

.Box-banner .Box-link {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0.01em;
}

@media screen and (max-width: 999px) {
    .Box-banner .Box-link {
        display: none;
    }
}

.Box-banner .Box-icon {
    position: absolute;
    overflow: hidden;
    right: 0;
    bottom: 0;
    width: 72px;
    height: 58px;
}

    .Box-banner .Box-icon.Box-icon--postitionFull {
        width: 90px;
        height: 74px;
    }

    .Box-banner .Box-icon.Box-icon--busStop {
        right: 10px;
        width: 76px;
        height: 90px;
    }

        .Box-banner .Box-icon.Box-icon--busStop .Icon {
            fill: #545351;
        }

    .Box-banner .Box-icon.Box-icon--tram {
        width: 78px;
        height: 87px;
    }

    .Box-banner .Box-icon .Icon {
        width: 90px;
        height: 90px;
        fill: #dfdbd2;
        opacity: 0.2;
    }

@media screen and (max-width: 767px) {
    .Box-banner .Box-icon.Box-icon--tram {
        bottom: -10px;
    }

    .Box-banner .Box-icon .Icon {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

.Box-banner.Box-banner--textGray .Box-name .Heading {
    color: #000000;
    text-shadow: 0 0 0 transparent;
}

.Box-banner.Box-banner--textGray .Box-link {
    color: #000000;
}

.Box-banner.Box-banner--noevent {
    height: 126px;
    border-radius: 4px;
}

    .Box-banner.Box-banner--noevent .Box-name {
        max-width: 330px;
    }

    .Box-banner.Box-banner--noevent .Icon {
        width: 10px;
        height: 10px;
    }

    .Box-banner.Box-banner--noevent .Box-links {
        display: none;
    }

@media screen and (max-width: 767px) {
    .Box-banner.Box-banner--noevent {
        border-radius: 8px;
    }
}

.Box-banner .Box-iconNum {
    position: absolute;
    overflow: hidden;
    right: 0;
    bottom: 10px;
    width: 92px;
    height: 72px;
}

    .Box-banner .Box-iconNum .Numero {
        font-size: 70px;
        font-weight: 600;
        color: #dfdbd2;
        opacity: 0.2;
        line-height: 100%;
    }

@media screen and (max-width: 767px) {
    .Box-banner .Box-iconNum {
        right: -30px;
        bottom: -20px;
    }

        .Box-banner .Box-iconNum .Numero {
            font-size: 50px;
        }
}

.Box-banner--historicTram {
    background-image: url('/common/images/layout/banners/muzeum-mhd.jpg');
}

.Box-banner--green {
    background-image: url('/common/images/layout/bg-banner-green.jpg');
}

.Box-banner--greenWide {
    background-image: url('/common/images/layout/bg-banner-green-wide.jpg');
}

.Box-banner--red {
    background-image: url('/common/images/layout/bg-banner-red.jpg');
}

.Box-banner--smsWide {
    background-image: url('/common/images/layout/bg-banner-sms-wide.jpg');
}

.Box-banner--apk {
    background-image: url('/common/images/layout/bg-banner-apk.jpg');
}

.Box-banner--museumWide {
    background-image: url('/common/images/layout/banners/muzeum-mhd.jpg');
}

.Box-banner--cleaningTramWide {
    background-image: url('/common/images/layout/banners/mazaci-tramvaj.jpg');
}

.Box-banner--liftWide {
    background-image: url('/common/images/layout/banners/lanova-draha-na-petrin.jpg');
}

.Box-banner--kinobusWide {
    background-image: url('/common/images/layout/banners/kinobus.jpg');
}

.Box-banner--photoBus {
    background-image: url('/common/images/layout/banners/historicka-fotografie.jpg');
}

.Box-banner--liftZoo {
    background-image: url('/common/images/layout/banners/lanova-draha-v-zoo.jpg');
}

.Box-banner--companyBig {
    background-image: url('/common/images/layout/banners/o-spolecnosti.jpg');
}

.Box-banner--logoDpp {
    background-image: url('/common/images/layout/banners/kontakt.jpg');
}

.Box-banner--metro {
    background-image: url('/common/images/layout/banners/aktuality.jpg');
}

.Box-banner--peopleHands {
    background-image: url('/common/images/layout/banners/kariera.jpg');
}

.Box-banner--handicapWide {
    background-image: url('/common/images/layout/banners/bezbarierove-cestovani-wide.jpg');
}

.Box-banner--busAirportWide {
    background-image: url('/common/images/layout/banners/doprava-na-letiste-wide.jpg');
}

.Box-banner--animals {
    background-image: url('/common/images/layout/banners/cestovani-se-zviraty.jpg');
}

.Box-banner--bicicle {
    background-image: url('/common/images/layout/banners/cestovani-s-jizdnim-kolem.jpg');
}

.Box-banner--babybed {
    background-image: url('/common/images/layout/banners/cestovani-s-kocarkem.jpg');
}

.Box-banner--metroWide {
    background-image: url('/common/images/layout/banners/metro.jpg');
}

.Box-banner--tramWide {
    background-image: url('/common/images/layout/banners/tramvaje.jpg');
}

.Box-banner--bus {
    background-image: url('/common/images/layout/banners/autobusy.jpg');
}

.Box-banner--nightTram {
    background-image: url('/common/images/layout/banners/nocni-doprava.jpg');
}

.Box-banner--schoolBus {
    background-image: url('/common/images/layout/banners/skolni-linky.jpg');
}

.Box-banner--airportBus {
    background-image: url('/common/images/layout/banners/doprava-na-letiste.jpg');
}

.Box-banner--zooBus {
    background-image: url('/common/images/layout/banners/zoologicka-zahrada.jpg');
}

.Box-critical {
    vertical-align: top;
}

    .Box-critical .Box-date {
        font-size: 0.87em;
        font-weight: 500;
    }

    .Box-critical .Box-link {
        font-size: 0.94em;
        font-weight: 600;
    }

.Box-docs {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ffffff;
}

    .Box-docs .Box-dot:after,
    .Box-docs .Box-dot--secondary:after {
        content: '';
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 13px;
        height: 13px;
        background-color: #1C6078;
        border: 2px solid #F4F2ED;
        border-radius: 50%;
        top: 50%;
        right: -28px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: initial;
    }

@media screen and (max-width: 1339px) {
    .Box-docs .Box-dot:after,
    .Box-docs .Box-dot--secondary:after {
        right: -28px;
    }
}

@media screen and (max-width: 999px) {
    .Box-docs .Box-dot:after,
    .Box-docs .Box-dot--secondary:after {
        right: -28px;
    }
}

@media screen and (max-width: 767px) {
    .Box-docs .Box-dot:after,
    .Box-docs .Box-dot--secondary:after {
        left: -36px;
    }
}

.Box-docs .Box-dot:before,
.Box-docs .Box-dot--secondary:before {
    content: '';
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    right: -23px;
    background-color: #1C6078;
    width: 3px;
    height: 57px;
    cursor: initial;
    /* @media @xxs {
            left: -31px;
            height: 55px;
        } */
}

@media screen and (max-width: 1339px) {
    .Box-docs .Box-dot:before,
    .Box-docs .Box-dot--secondary:before {
        right: -23px;
        height: 57px;
    }
}

@media screen and (max-width: 999px) {
    .Box-docs .Box-dot:before,
    .Box-docs .Box-dot--secondary:before {
        right: -23px;
        height: 57px;
    }
}

@media screen and (max-width: 767px) {
    .Box-docs .Box-dot:before,
    .Box-docs .Box-dot--secondary:before {
        left: -31px;
        height: 57px;
    }
}

@media screen and (max-width: 767px) {
    .Box-docs .Box-dot--lastBeforeLine:before {
        height: 50px;
    }
}

.Box-docs .Box-dot:last-child:before,
.Box-docs .Box-dot--secondary:last-child:before {
    display: none;
}

.Box-docs .Box-dot:last-child:after,
.Box-docs .Box-dot--secondary:last-child:after {
    content: '';
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 13px;
    height: 13px;
    border-radius: 0;
    border: none;
    color: #1C6078;
    background: url('/jrportal/svg/source/arrow-down-darkBlue.svg') no-repeat center;
    background-size: 13px 13px;
    fill: currentColor;
    cursor: initial;
}

@media screen and (min-width: 768px) {
    .Box-docs .Box-dot--secondary:after,
    .Box-docs .Box-dot--secondary:last-child:after,
    .Box-docs .Box-dot--secondary:before {
        display: none;
    }
}

.Box-docs.Box--small {
    border-radius: 8px;
    margin-bottom: 5px;
}

.Box-docs .Box-flex {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .Box-docs .Box-flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.Box-docs .Box-flex--links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 459px;
    -moz-box-flex: 0;
    -ms-flex: 0 1 459px;
    flex: 0 1 459px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .Box-docs .Box-flex--links:nth-child(even) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 40px;
        -moz-box-flex: 0;
        -ms-flex: 0 1 40px;
        flex: 0 1 40px;
    }

@media screen and (max-width: 1339px) {
    .Box-docs .Box-flex--links:nth-child(even) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 40px;
        -moz-box-flex: 0;
        -ms-flex: 0 1 40px;
        flex: 0 1 40px;
    }
}

@media screen and (max-width: 999px) {
    .Box-docs .Box-flex--links:nth-child(even) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 40px;
        -moz-box-flex: 0;
        -ms-flex: 0 1 40px;
        flex: 0 1 40px;
    }
}

@media screen and (max-width: 441px) {
    .Box-docs .Box-flex--links:nth-child(even) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 40px;
        -moz-box-flex: 0;
        -ms-flex: 0 1 40px;
        flex: 0 1 40px;
    }
}

@media screen and (min-width: 768px) {
    .Box-docs .Box-flex--links:nth-child(4) {
        display: none;
    }
}

@media screen and (min-width: 1000px) {
    .Box-docs .Box-flex--links {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 459px;
        -moz-box-flex: 1;
        -ms-flex: 1 1 459px;
        flex: 1 1 459px;
    }
}

@media screen and (max-width: 1339px) {
    .Box-docs .Box-flex--links {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 390px;
        -moz-box-flex: 1;
        -ms-flex: 1 1 390px;
        flex: 1 1 390px;
    }
}

@media screen and (max-width: 999px) {
    .Box-docs .Box-flex--links {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 327.6px;
        -moz-box-flex: 1;
        -ms-flex: 1 1 327.6px;
        flex: 1 1 327.6px;
    }

        .Box-docs .Box-flex--links.Box-fullWith {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 100%;
            -moz-box-flex: 1;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        }
}

@media screen and (max-width: 441px) {
    .Box-docs .Box-flex--links {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 210px;
        -moz-box-flex: 1;
        -ms-flex: 1 1 210px;
        flex: 1 1 210px;
    }
}

@media screen and (max-width: 320px) {
    .Box-docs .Box-flex--links {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 208px;
        -moz-box-flex: 1;
        -ms-flex: 1 1 208px;
        flex: 1 1 208px;
    }
}

@media screen and (max-width: 767px) {
    .Box-docs .Box-flex--links.Box-flexLinks--hide {
        display: none;
    }
}

.Box-docs .Box-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    padding-left: 10px;
}

    .Box-docs .Box-item:nth-child(3) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 10%;
        -moz-box-flex: 0;
        -ms-flex: 0 1 10%;
        flex: 0 1 10%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

.Box-docs .Box-icon .Icon {
    width: 8px;
    height: 8px;
    margin-right: 10px;
}

.Box-docs .Box-iconArrow .Icon {
    fill: #76685b;
}

.Box-docs .Box-docs--heading {
    display: block;
    margin: 15px 0 15px 0;
    text-align: center;
}

.Box-docs .Box-name {
    width: 100%;
    font-size: 17px;
    font-weight: 400;
}

    .Box-docs .Box-name:last-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

.Box-docs .Box-link {
    text-decoration: none;
}

.Box-docs .Box-linkInfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 155px;
    -moz-box-flex: 1;
    -ms-flex: 1 1 155px;
    flex: 1 1 155px;
    line-height: 1.2;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .Box-docs .Box-linkInfo span:nth-child(1n+2) {
        padding: 0 5px;
        font-size: 16px;
    }

@media screen and (max-width: 767px) {
    .Box-docs .Box-linkInfo span:nth-child(1n+2) {
        padding: 0;
    }
}

.Box-event {
    background-color: #ffffff;
}

    .Box-event .Box-item {
        padding: 0;
        padding-left: 10px;
    }

    .Box-event .Box-icon .Icon {
        width: 18px;
        height: 18px;
    }

    .Box-event .Box-name {
        width: calc(100% - 40px);
        color: #76685b;
        font-weight: 400;
    }

        .Box-event .Box-name strong {
            color: #000000;
        }

@media screen and (max-width: 999px) {
    .Box-event .Box-name {
        font-size: 12px;
        line-height: 1.4em;
    }
}

.Box-event .Box-link {
    text-decoration: none;
}

@media screen and (max-width: 999px) {
    .Box-event .Box-link {
        display: block;
        font-size: 13px;
    }
}

.Box-event.Box-clickable:hover .Box-link {
    text-decoration: underline;
}

.Box-event .Box-dot {
    display: inline-block;
    margin: 0 8px;
    width: 8px;
    height: 8px;
    background-color: #e9e5dc;
    border-radius: 50%;
}

@media screen and (max-width: 999px) {
    .Box-event .Box-dot {
        display: none;
    }
}

.Box-event .Icon--colorGreen {
    color: #73bb15;
}

.Box-event .Icon--colorYellow {
    color: #F9BE43;
}

.Box-event .Icon--colorRed {
    color: #d42724;
}

.Box-iconRight .Icon {
    margin-right: 8px;
    width: 8px;
    height: 8px;
    fill: currentColor;
    color: #76685b;
}

.Box--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .Box--flex .Box--content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

@media screen and (min-width: 768px) {
    .Box--flex .Box--content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 49.5%;
        -moz-box-flex: 0;
        -ms-flex: 0 1 49.5%;
        flex: 0 1 49.5%;
    }
}

@media screen and (max-width: 767px) {
    .GridFlexSmColumn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.Box-filter.Box-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.Box-filter .Filter-linkChoose {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 12px 20px;
    min-height: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    background-color: #000000;
    line-height: 1.15;
    border: 1px solid transparent;
    -webkit-appearance: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 4px;
    white-space: nowrap;
    margin: 0;
    padding: 8px 12px;
    min-height: 16px;
    width: auto;
    line-height: 16px;
    color: #ffffff;
    background-color: transparent;
    border: 2px solid #ffffff;
    text-transform: none;
    padding: 4px 20px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.025em;
}

    .Box-filter .Filter-linkChoose.extraPadding {
        padding: 14px 20px;
    }

@media screen and (max-width: 999px) {
    .Box-filter .Filter-linkChoose.extraPadding {
        padding: 12px 20px;
    }
}

.Box-filter .Filter-linkChoose:hover,
.Box-filter .Filter-linkChoose:focus {
    background-color: #333333;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.Box-filter .Filter-linkChoose:active,
.Box-filter .Filter-linkChoose.is-active {
    color: white;
    background-color: #4d4d4d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Box-filter .Filter-linkChoose.is-error,
.Box-filter .Filter-linkChoose.Button--disabled,
.Box-filter .Filter-linkChoose:disabled {
    cursor: default;
    color: #dfdbd2;
    background-color: #5f5752;
}

.Box-filter .Filter-linkChoose:hover {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    color: #000000;
}

.Box-filter .Filter-linkChoose.is-active {
    background-color: #ffffff;
    color: #000000;
}

.Box-filter .Filter-button {
    margin-right: 15px;
}

    .Box-filter .Filter-button:last-child {
        margin-right: 0;
    }

@media screen and (max-width: 767px) {
    .Box-filter .Filter-button {
        margin-top: 5px;
        margin-right: 5px;
    }
}

@media screen and (min-width: 1340px) {
    .Box-filter .Heading--4 {
        font-size: 15px;
        font-weight: 500;
    }

    .Box-filter .Grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 calc(-0.5 * 10px);
    }

        .Box-filter .Grid .Grid-flex--linkSvg {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .Box-filter .Grid.BoxSeparator {
            position: relative;
            padding-top: 20px;
        }

        .Box-filter .Grid.BoxSeparator--line::before {
            content: '';
            position: absolute;
            bottom: 35px;
            left: 0;
            display: block;
            background: #e9e5dc;
            width: 100%;
            height: 1px;
            border: 0;
            z-index: 0;
        }

        .Box-filter .Grid.GridFlex--Column {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .Box-filter .Grid.GridFlex--noAlignMiddle {
            -webkit-box-align: inherit;
            -webkit-align-items: inherit;
            -moz-box-align: inherit;
            -ms-flex-align: inherit;
            align-items: inherit;
        }

        .Box-filter .Grid.GridFlex--alignMiddle {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .Box-filter .Grid.GridFlex--alignFlexStart {
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        .Box-filter .Grid.GridFlex--end {
            -webkit-box-pack: end;
            -webkit-justify-content: end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: end;
        }

        .Box-filter .Grid.Grid--spaceBetween {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 15px 0;
        }

        .Box-filter .Grid.Grid--spaceModified {
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin: 15px 0;
        }

        .Box-filter .Grid.GridFlex--center {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .Box-filter .Grid.GridFlex--justifyLeft {
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .Box-filter .Grid .GridFlex-flex1 {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1;
            -moz-box-flex: 1;
            -ms-flex: 1 1;
            flex: 1 1;
        }

        .Box-filter .Grid .GridFlex-flex2 {
            -webkit-box-flex: 2;
            -webkit-flex: 2 1;
            -moz-box-flex: 2;
            -ms-flex: 2 1;
            flex: 2 1;
        }

        .Box-filter .Grid .GridFlex-flex3 {
            -webkit-box-flex: 3;
            -webkit-flex: 3 1;
            -moz-box-flex: 3;
            -ms-flex: 3 1;
            flex: 3 1;
        }

        .Box-filter .Grid .GridFlex-flex4 {
            -webkit-box-flex: 4;
            -webkit-flex: 4 1;
            -moz-box-flex: 4;
            -ms-flex: 4 1;
            flex: 4 1;
        }

            .Box-filter .Grid .GridFlex-flex4 ul li {
                font-size: 14px;
            }

        .Box-filter .Grid .GridFlex-flex5 {
            -webkit-box-flex: 5;
            -webkit-flex: 5 1;
            -moz-box-flex: 5;
            -ms-flex: 5 1;
            flex: 5 1;
        }

        .Box-filter .Grid .GridFlex--xsFlex1 {
            display: none;
        }

        .Box-filter .Grid > .Grid-cell {
            padding: 0 calc(0.5 * 10px);
        }

    .Box-filter .Filter-linkChoosers {
        margin-top: -8px;
        color: #ffffff;
    }
}

@media screen and (min-width: 1340px) and screen and (max-width: 999px) {
    .Box-filter .Grid.Grid--spaceModified {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 1340px) and screen and (max-width: 767px) {
    .Box-filter .Grid.Grid--spaceModified {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (min-width: 1340px) and screen and (max-width: 999px) {
    .Box-filter .Grid.GridFlex--center.GridFlex--column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (min-width: 1340px) and screen and (max-width: 999px) {
    .Box-filter .Grid.GridFlex--wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1340px) and screen and (max-width: 999px) {
    .Box-filter .Grid.GridFlex--smCenter {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (min-width: 1340px) and screen and (max-width: 767px) {
    .Box-filter .Grid.GridFlex--xsAlignFlexEnd {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media screen and (min-width: 1340px) and screen and (max-width: 767px) {
    .Box-filter .Grid .GridFlex--xsFlex1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (min-width: 1340px) and screen and (max-width: 767px) {
    .Box-filter .Grid .GridFlex--xsFlex5 {
        -webkit-box-flex: 5;
        -webkit-flex: 5 1;
        -moz-box-flex: 5;
        -ms-flex: 5 1;
        flex: 5 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (max-width: 1339px) {
    .Box-filter .Heading--4 {
        display: block;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 500;
    }

    .Box-filter .Grid {
        margin: 0 calc(-0.5 * 10px);
    }

        .Box-filter .Grid > .Grid-cell {
            padding: 0 calc(0.5 * 10px);
        }

    .Box-filter .Button--switch {
        width: calc(33.334% - 6.8px);
        margin-left: 10px;
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.3;
    }

    .Box-filter .Filter-linkChoosers {
        margin-top: -10px;
    }

    .Box-filter .Filter-linkChoose {
        margin-top: 10px;
        margin-right: 7px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }

    .Box-filter .TooltipIcon {
        display: none;
    }
}

@media screen and (max-width: 441px) {
    .Box-filter .Button-transparent--hoverWhite {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.Box-location {
    position: relative;
    background-color: #ffffff;
}

    .Box-location .Box-item {
        padding: 0;
        padding-left: 10px;
    }

    .Box-location .Box-avatar {
        width: 40px;
    }

    .Box-location .Box-iconCircle {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
    }

    .Box-location .Box-iconCircle--transport-metro-green {
        background-color: #4EB370;
    }

    .Box-location .Box-iconCircle--transport-metro-yellow {
        background-color: #EEAD00;
    }

    .Box-location .Box-iconCircle--transport-metro-red {
        background-color: #C10141;
    }

    .Box-location .Box-iconCircle--help-lt {
        background-color: #50B1B2;
    }

    .Box-location .Box-iconCircle--plane-lt {
        background-color: #50B1B2;
    }

    .Box-location .Box-iconCircle--building-mag {
        background-color: #6F0000;
    }

    .Box-location .Box-iconCircle--transport-train-cd {
        background-color: #180B5C;
    }

    .Box-location .Icon {
        width: 18px;
        height: 18px;
    }

    .Box-location .Box-iconCircle .Icon {
        fill: #ffffff;
    }

    .Box-location .Box-item--absoluteRight {
        position: absolute;
        margin-top: -10px;
        top: 50%;
        right: 20px;
    }

        .Box-location .Box-item--absoluteRight .Icon {
            width: 10px;
            height: 10px;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.Toggle-switch.is-toggled .Box-location .Box-item--absoluteRight .Icon {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.Box-location .Box-name {
    width: 200px;
    color: #A19992;
    font-weight: 400;
    font-size: 17px;
}

    .Box-location .Box-name strong {
        color: #000000;
    }

.Box-location .Box-note {
    width: 370px;
    color: #A19992;
    font-weight: 400;
}

    .Box-location .Box-note strong {
        color: #000000;
    }

    .Box-location .Box-note ul li {
        color: #A19992;
    }

        .Box-location .Box-note ul li:before,
        .Box-location .Box-note ul li:after {
            background-color: #A19992;
        }

.Box-location .Box-today {
    width: 360px;
    font-weight: 500;
}

.Box-location .Box-todayNameDay {
    display: inline-block;
    width: 80px;
}

.Box-location .Icon--colorGreen {
    color: #73bb15;
}

.Box-location .Icon--colorYellow {
    color: #F9BE43;
}

.Box-location .Icon--colorRed {
    color: #d42724;
}

@media screen and (max-width: 999px) {
    .Box-location.Box--small {
        padding: 5px 0 0;
    }

    .Box-location .GridFlex {
        display: block;
    }

    .Box-location .Box-item {
        margin-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 100%;
    }

    .Box-location .Box-note {
        display: none;
    }

    .Box-location .Box-today {
        margin-top: 10px;
    }

    .Box-location .Box-avatar {
        display: inline-block;
        width: 30px;
    }

    .Box-location .Box-iconCircle {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

    .Box-location .Icon {
        width: 15px;
        height: 15px;
    }

    .Box-location .Box-name {
        display: inline-block;
        width: calc(100% - 50px);
        font-size: 14px;
    }

    .Box-location .Box-item--absoluteRight {
        top: 12px;
        right: 10px;
    }

    .Box-location.Box-location .Box-payment {
        margin-bottom: 10px;
    }

    .Box-location.Box-location--content .Box-avatar,
    .Box-location.Box-location--content .Box-name {
        display: none;
    }

    .Box-location.Box-location--content .Box-note {
        margin-top: 0;
    }
}

.Box-legend--info {
    display: none;
    color: #76685b;
    margin: 20px 0 5px;
}

@media screen and (min-width: 768px) {
    .Box-legend--info {
        display: block;
    }
}

.Box-legend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #e9e5dc;
    border-radius: 4px;
    cursor: pointer;
}

@media screen and (max-width: 999px) {
    .Box-legend {
        margin: 5px 0;
    }
}

.Box-legend .Box-legend--head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.Box-legend .Box-legend--title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    color: #76685b;
}

.Box-legend .Box-legend--arrow .Icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    width: 8px;
    height: 8px;
    fill: #76685b;
    -webkit-transition: .3s;
    transition: .3s;
}

@media screen and (min-width: 768px) {
    .Box-legend {
        display: none;
    }
}

.Box-legend .Box-legend--content {
    display: none;
    margin-top: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .Box-legend .Box-legend--content .Box-legend--infoIcon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        font-size: 13px;
    }

        .Box-legend .Box-legend--content .Box-legend--infoIcon .infoIconGreen,
        .Box-legend .Box-legend--content .infoIconOrange,
        .Box-legend .Box-legend--content .infoIconRed,
        .Box-legend .Box-legend--content .infoIconRedDark,
        .Box-legend .Box-legend--content .infoIconBus,
        .Box-legend .Box-legend--content .infoIconNight,
        .Box-legend .Box-legend--content .infoIconLightBlue {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -moz-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin: 0 2px;
            border-radius: 3px;
            background: #4EB370;
            width: 13px;
            height: 15px;
        }

            .Box-legend .Box-legend--content .Box-legend--infoIcon .infoIconGreen:first-child,
            .Box-legend .Box-legend--content .infoIconOrange:first-child,
            .Box-legend .Box-legend--content .infoIconRed:first-child,
            .Box-legend .Box-legend--content .infoIconRedDark:first-child,
            .Box-legend .Box-legend--content .infoIconBus:first-child,
            .Box-legend .Box-legend--content .infoIconNight:first-child,
            .Box-legend .Box-legend--content .infoIconLightBlue:first-child {
                margin-left: 0;
            }

    .Box-legend .Box-legend--content .infoIconOrange {
        background-color: #EEAD00;
    }

    .Box-legend .Box-legend--content .infoIconRed {
        background-color: #C10141;
    }

    .Box-legend .Box-legend--content .infoIconRedDark {
        background-color: #6F0000;
    }

    .Box-legend .Box-legend--content .infoIconBus {
        background-color: #3677A7;
    }

    .Box-legend .Box-legend--content .infoIconNight {
        background-color: #1D1747;
    }

    .Box-legend .Box-legend--content .infoIconLightBlue {
        background-color: #50B1B2;
    }

.Box-legend.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.Box-legend .Box-legend--head:focus {
    outline: none;
}

    .Box-legend .Box-legend--head:focus .Box-legend--arrow .Icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: .3s;
        transition: .3s;
    }

    .Box-legend .Box-legend--head:focus + .Box-legend--content {
        display: inline;
    }

.Box-legend--infoIcon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
}

    .Box-legend--infoIcon span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 5px 2px 0px 2px;
    }

@media screen and (max-width: 999px) {
    .Box-legend--infoIcon span {
        margin: 5px 0 0 0;
    }
}

.Box-legend--infoIcon .item {
    margin: 0 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 999px) {
    .Box-legend--infoIcon .item {
        margin-bottom: 5px;
    }
}

.infoIconGreen,
.infoIconOrange,
.infoIconRed,
.infoIconRedDark,
.infoIconBus,
.infoIconNight,
.infoIconLightBlue {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 2px;
    border-radius: 3px;
    background: #4EB370;
    width: 13px;
    height: 15px;
}

    .infoIconGreen:first-child,
    .infoIconOrange:first-child,
    .infoIconRed:first-child,
    .infoIconRedDark:first-child,
    .infoIconBus:first-child,
    .infoIconNight:first-child,
    .infoIconLightBlue:first-child {
        margin-left: 0;
    }

    .infoIconGreen.infoIcon--large,
    .infoIconOrange.infoIcon--large,
    .infoIconRed.infoIcon--large,
    .infoIconRedDark.infoIcon--large,
    .infoIconBus.infoIcon--large,
    .infoIconNight.infoIcon--large,
    .infoIconLightBlue.infoIcon--large {
        width: 15px;
        height: 18px;
    }

.infoIconOrange {
    background-color: #EEAD00;
}

.infoIconRed {
    background-color: #C10141;
}

.infoIconRedDark {
    background-color: #6F0000;
}

.infoIconBus {
    background-color: #3677A7;
}

.infoIconNight {
    background-color: #1D1747;
}

.infoIconLightBlue {
    background-color: #50B1B2;
}

.Box-news {
    background-color: #A19992;
    background-size: cover;
    height: 190px;
}

    .Box-news .Box-link {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        letter-spacing: 0.01em;
    }

@media screen and (max-width: 767px) {
    .Box-news {
        background: #A19992 !important;
    }
}

@media screen and (min-width: 768px) {
    .Box-news--main {
        position: relative;
        padding: 25px;
        width: 100%;
        height: auto;
        background-size: cover;
    }

        .Box-news--main:before {
            content: "";
            display: block;
            padding-top: 100%;
        }

        .Box-news--main .Box-content {
            position: absolute;
            left: 0;
            top: 0;
            padding: 25px;
        }

        .Box-news--main .Box-date {
            font-size: 16px;
            line-height: 18px;
            font-weight: 500;
            color: #ffffff;
            text-shadow: 0 0 1px #5f5752;
            letter-spacing: 0.01em;
        }

        .Box-news--main .Box-name {
            margin-top: 10px;
            font-size: 24px;
            line-height: 30px;
            font-weight: 600;
            color: #ffffff;
            text-shadow: 0 0 1px #5f5752;
            letter-spacing: 0.025em;
        }

        .Box-news--main .Box-icon {
            display: none;
        }
}

@media screen and (min-width: 1000px) {
    .Box-news--main {
        padding: 25px 30px;
        max-width: 100%;
        width: 465px;
        height: 405px;
    }

        .Box-news--main:before {
            display: none;
        }

        .Box-news--main .Box-content {
            position: static;
            padding: 0;
        }
}

@media screen and (max-width: 767px) {
    .Box-news--main {
        position: relative;
        padding: 25px;
        max-width: 100%;
        width: 220px;
        height: 190px;
        background-color: #e9e5dc;
        width: 100%;
        height: auto;
    }

        .Box-news--main .Box-date {
            font-size: 13px;
            line-height: 18px;
            font-weight: 600;
            color: #d42724;
            letter-spacing: 0.01em;
        }

        .Box-news--main .Box-name {
            margin-top: 5px;
            font-size: 17px;
            line-height: 22px;
            font-weight: 600;
            color: #000000;
            letter-spacing: 0.01em;
        }

        .Box-news--main .Box-links {
            display: none;
        }

        .Box-news--main .Box-icon {
            position: absolute;
            overflow: hidden;
            right: 0;
            bottom: 0;
            width: 72px;
            height: 58px;
            border-radius: 8px;
        }

            .Box-news--main .Box-icon .Icon {
                width: 90px;
                height: 90px;
                fill: #dfdbd2;
            }

        .Box-news--main:after {
            content: "";
            display: block;
            padding-bottom: 100%;
        }

        .Box-news--main .Box-date {
            position: absolute;
            left: 15px;
            top: 15px;
            font-size: 12px;
        }

        .Box-news--main .Box-name {
            position: absolute;
            z-index: 1;
            left: 15px;
            right: 15px;
            top: 30px;
            font-size: 13px;
            line-height: 17px;
        }
}

@media screen and (max-width: 767px) and screen and (max-width: 999px) {
    .Box-news--main {
        width: 100%;
        height: auto;
    }

        .Box-news--main:after {
            content: "";
            display: block;
            padding-bottom: 100%;
        }

        .Box-news--main .Box-date {
            position: absolute;
            left: 15px;
            top: 15px;
            font-size: 12px;
        }

        .Box-news--main .Box-name {
            position: absolute;
            z-index: 1;
            left: 15px;
            right: 15px;
            top: 30px;
            font-size: 13px;
            line-height: 17px;
        }
}

.Box-news--small {
    position: relative;
    padding: 25px;
    max-width: 100%;
    width: 220px;
    height: 190px;
    background-color: #e9e5dc;
}

    .Box-news--small .Box-date {
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        color: #d42724;
        letter-spacing: 0.01em;
    }

    .Box-news--small .Box-name {
        margin-top: 5px;
        font-size: 17px;
        line-height: 22px;
        font-weight: 600;
        color: #000000;
        letter-spacing: 0.01em;
    }

    .Box-news--small .Box-links {
        display: none;
    }

    .Box-news--small .Box-icon {
        position: absolute;
        overflow: hidden;
        right: 0;
        bottom: 0;
        width: 72px;
        height: 58px;
        border-radius: 8px;
    }

        .Box-news--small .Box-icon .Icon {
            width: 90px;
            height: 90px;
            fill: #dfdbd2;
        }

@media screen and (max-width: 999px) {
    .Box-news--small {
        width: 100%;
        height: auto;
    }

        .Box-news--small:after {
            content: "";
            display: block;
            padding-bottom: 100%;
        }

        .Box-news--small .Box-date {
            position: absolute;
            left: 15px;
            top: 15px;
            font-size: 12px;
        }

        .Box-news--small .Box-name {
            position: absolute;
            z-index: 1;
            left: 15px;
            right: 15px;
            top: 30px;
            font-size: 13px;
            line-height: 17px;
        }
}

.Box-news--smallResponsive {
    width: 100%;
    height: auto;
}

    .Box-news--smallResponsive:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    .Box-news--smallResponsive .Box-date {
        position: absolute;
        left: 15px;
        top: 15px;
        font-size: 12px;
    }

    .Box-news--smallResponsive .Box-name {
        position: absolute;
        z-index: 1;
        left: 15px;
        right: 15px;
        top: 30px;
        font-size: 13px;
        line-height: 17px;
    }

.Box-grid {
    height: 190px;
}

    .Box-grid .Box-link {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        letter-spacing: 0.01em;
    }

.Box-grid--main {
    padding: 25px 30px;
    width: 465px;
    height: 405px;
}

    .Box-grid--main .Box-name {
        margin-top: 10px;
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        color: #ffffff;
        text-shadow: 0 0 1px #5f5752;
        letter-spacing: 0.025em;
    }

    .Box-grid--main .Box-icon {
        display: none;
    }

.Box-grid--small {
    position: relative;
    padding: 25px;
    width: 220px;
    height: 190px;
}

    .Box-grid--small .Box-icon {
        position: absolute;
        overflow: hidden;
        right: 0;
        bottom: 0;
        width: 72px;
        height: 58px;
    }

        .Box-grid--small .Box-icon .Icon {
            width: 90px;
            height: 90px;
            fill: #dfdbd2;
        }

@media screen and (max-width: 999px) {
    .Box-grid--main {
        width: 100%;
        height: auto;
    }

    .Box-grid--small {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .Box-correctionSpace {
        display: none;
    }
}

.Box-search {
    position: relative;
    background-color: #ffffff;
}

    .Box-search .Box-item {
        padding: 0;
        padding-left: 10px;
    }

    .Box-search .Icon {
        width: 18px;
        height: 18px;
    }

    .Box-search .Box-item--absoluteRight {
        position: absolute;
        margin-top: -10px;
        top: 50%;
        right: 20px;
    }

        .Box-search .Box-item--absoluteRight .Icon {
            width: 10px;
            height: 10px;
        }

    .Box-search .Box-content {
        padding-right: 40px;
    }

    .Box-search .Box-headingLink {
        color: #000000;
        text-decoration: none;
    }

.Box-ticket {
    background-color: #ffffff;
}

    .Box-ticket.Box--small {
        border-radius: 8px;
    }

    .Box-ticket .Box-item {
        padding: 0;
        padding-left: 5px;
        margin: 2px 0;
    }

    .Box-ticket .Box-icon .Icon {
        width: 18px;
        height: 18px;
    }

    .Box-ticket .Box-name {
        width: 100px;
        font-size: 17px;
        font-weight: 600;
    }

    .Box-ticket .Box-name--long {
        width: 145px;
    }

@media screen and (max-width: 767px) {
    .Box-ticket .Box-name--long {
        width: 100px;
    }
}

.Box-ticket .Box-name:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.Box-ticket .Box-name.GridFlex--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.Box-ticket .Box-name ul > li {
    display: block;
    width: 100%;
    line-height: 20px;
}

    .Box-ticket .Box-name ul > li.content-info {
        font-weight: normal;
        font-size: 16px;
    }

@media screen and (max-width: 999px) {
    .Box-ticket .Box-name ul > li.content-info {
        font-size: 14px;
    }
}

.Box-ticket .Box-name .Box-lineList > li {
    display: inline-block;
    width: auto;
}

.Box-ticket .Box-nameExtraSmall {
    font-size: 12px;
    padding-left: 5px;
    min-height: 20px;
}

    .Box-ticket .Box-nameExtraSmall .Box-infoChanges {
        line-height: 20px;
        min-height: 20px;
    }

        .Box-ticket .Box-nameExtraSmall .Box-infoChanges strong {
            height: 20px;
            padding: 0 2px;
        }

    .Box-ticket .Box-nameExtraSmall .Box-itemInnerWhite {
        padding: 0 3px;
        height: 16px;
        margin: 2px 0;
        margin-left: 3px;
    }

        .Box-ticket .Box-nameExtraSmall .Box-itemInnerWhite .Box-itemIcon {
            height: 12px;
            width: 12px;
        }

.Box-ticket .Box-nameSmall {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media screen and (max-width: 999px) {
    .Box-ticket .Box-nameSmall {
        font-size: 12px;
        padding-left: 5px;
        min-height: 20px;
        padding: 2px;
    }

        .Box-ticket .Box-nameSmall .Box-infoChanges {
            line-height: 20px;
            min-height: 20px;
        }

            .Box-ticket .Box-nameSmall .Box-infoChanges strong {
                height: 20px;
                padding: 0 2px;
            }

        .Box-ticket .Box-nameSmall .Box-itemInnerWhite {
            padding: 0 3px;
            height: 16px;
            margin: 2px 0;
            margin-left: 3px;
        }

            .Box-ticket .Box-nameSmall .Box-itemInnerWhite .Box-itemIcon {
                height: 12px;
                width: 12px;
            }

        .Box-ticket .Box-nameSmall .Box-itemInnerWhite {
            padding: 0 3px;
            margin-right: 0;
        }
}

.Box-ticket .Box-price {
    width: 70px;
    font-size: 17px;
    font-weight: 600;
    color: #d42724;
}

.Box-ticket .Box-note .Button,
.Box-ticket .Box-note .cc_btn {
    color: #000000;
    text-decoration: none;
}

.Box-ticket .Box-infoPreset {
    display: inline-block;
    margin-right: 20px;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    min-width: 46px;
    color: #ffffff;
}

    .Box-ticket .Box-infoPreset.Box-info--long {
        width: 90px;
    }

@media screen and (max-width: 767px) {
    .Box-ticket .Box-infoPreset.Box-info--long {
        width: 60px;
    }
}

.Box-ticket .Box-infoGreen,
.Box-ticket .Box-infoBlue,
.Box-ticket .Box-infoDarkBlue {
    display: inline-block;
    margin-right: 20px;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    min-width: 46px;
    color: #ffffff;
    background-color: #ecf0a0;
}

    .Box-ticket .Box-infoGreen.Box-info--long,
    .Box-ticket .Box-infoBlue.Box-info--long,
    .Box-ticket .Box-infoDarkBlue.Box-info--long {
        width: 90px;
    }

@media screen and (max-width: 767px) {
    .Box-ticket .Box-infoGreen.Box-info--long,
    .Box-ticket .Box-infoBlue.Box-info--long,
    .Box-ticket .Box-infoDarkBlue.Box-info--long {
        width: 60px;
    }
}

.Box-ticket .Box-infoBlue {
    display: inline-block;
    margin-right: 20px;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    min-width: 46px;
    color: #ffffff;
    background-color: #d9e7eb;
}

    .Box-ticket .Box-infoBlue.Box-info--long {
        width: 90px;
    }

@media screen and (max-width: 767px) {
    .Box-ticket .Box-infoBlue.Box-info--long {
        width: 60px;
    }
}

.Box-ticket .Box-infoBlue .color-red,
.Box-ticket .Box-infoBlue strong {
    color: #d42724;
}

.Box-ticket .Box-infoDarkBlue {
    display: inline-block;
    margin-right: 20px;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    min-width: 46px;
    color: #ffffff;
    background-color: #1C6078;
}

    .Box-ticket .Box-infoDarkBlue.Box-info--long {
        width: 90px;
    }

@media screen and (max-width: 767px) {
    .Box-ticket .Box-infoDarkBlue.Box-info--long {
        width: 60px;
    }
}

.Box-ticket .Box-infoDarkBlue .color-red,
.Box-ticket .Box-infoDarkBlue strong {
    color: #ffffff;
}

.Box-ticket .Box-infoDarkRed {
    display: inline-block;
    margin-right: 20px;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    min-width: 46px;
    color: #ffffff;
    background-color: #8b0511;
}

    .Box-ticket .Box-infoDarkRed.Box-info--long {
        width: 90px;
    }

@media screen and (max-width: 767px) {
    .Box-ticket .Box-infoDarkRed.Box-info--long {
        width: 60px;
    }
}

.Box-ticket .Box-infoNight {
    display: inline-block;
    margin-right: 20px;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    min-width: 46px;
    color: #ffffff;
    background-color: #180B5C;
}

    .Box-ticket .Box-infoNight.Box-info--long {
        width: 90px;
    }

@media screen and (max-width: 767px) {
    .Box-ticket .Box-infoNight.Box-info--long {
        width: 60px;
    }
}

.Box-ticket .Box-infoYellow {
    display: inline-block;
    margin-right: 20px;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    min-width: 46px;
    color: #ffffff;
    background-color: #EEAD00;
}

    .Box-ticket .Box-infoYellow.Box-info--long {
        width: 90px;
    }

@media screen and (max-width: 767px) {
    .Box-ticket .Box-infoYellow.Box-info--long {
        width: 60px;
    }
}

.Box-ticket .Box-infoRed {
    display: inline-block;
    margin-right: 20px;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    min-width: 46px;
    color: #ffffff;
    background-color: #C10141;
}

    .Box-ticket .Box-infoRed.Box-info--long {
        width: 90px;
    }

@media screen and (max-width: 767px) {
    .Box-ticket .Box-infoRed.Box-info--long {
        width: 60px;
    }
}

.Box-ticket .Box-infoDarkGreen {
    display: inline-block;
    margin-right: 20px;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    min-width: 46px;
    color: #ffffff;
    background-color: #4EB370;
}

    .Box-ticket .Box-infoDarkGreen.Box-info--long {
        width: 90px;
    }

@media screen and (max-width: 767px) {
    .Box-ticket .Box-infoDarkGreen.Box-info--long {
        width: 60px;
    }
}

.Box-ticket .Box-infoLightGrey {
    display: inline-block;
    margin-right: 20px;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 4px;
    width: auto;
    text-align: center;
    min-width: 46px;
    color: #ffffff;
    color: #000000;
    background-color: #dfdbd2;
    font-size: 16px;
}

    .Box-ticket .Box-infoLightGrey.Box-info--long {
        width: 90px;
    }

@media screen and (max-width: 767px) {
    .Box-ticket .Box-infoLightGrey.Box-info--long {
        width: 60px;
    }
}

@media screen and (max-width: 999px) {
    .Box-ticket .Box-infoLightGrey {
        font-size: 14px;
        line-height: 20px;
        min-height: 20px;
    }
}

.Box-ticket .Box-itemInnerWhite {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 0 0;
    height: 24px;
    margin: 4px 0;
    margin-left: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 2px;
}

    .Box-ticket .Box-itemInnerWhite .Box-itemIcon {
        background-color: #ffffff;
        border-radius: 4px;
        vertical-align: initial;
        height: 12px;
        width: 12px;
        margin: 0 2px;
    }

    .Box-ticket .Box-itemInnerWhite .Box-itemIcon--bigger {
        height: 15px;
        width: 15px;
    }

.Box-ticket .Box-infoChanges {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0;
    padding: 0 3px;
    min-width: 30px;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .Box-ticket .Box-infoChanges strong {
        padding: 0 5px;
        display: inline-block;
    }

.Box-ticket .Box-itemInnerWhite .Box-itemIcon {
    fill: #8b0511;
}

.Box-ticket .Box-ticketLabel {
    padding: 0 5px;
    min-height: 32px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .Box-ticket .Box-ticketLabel strong {
        vertical-align: middle;
        text-align: center;
        display: inline-block;
        width: 100%;
        line-height: 32px;
        font-size: 1rem;
        color: #000000;
    }

    .Box-ticket .Box-ticketLabel.Box-ticketLabelName {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
    }

        .Box-ticket .Box-ticketLabel.Box-ticketLabelName strong {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

@media screen and (max-width: 999px) {
    .Box-ticket .Box-ticketLabel.Box-ticketLabelName {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 55%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    }
}

@media screen and (max-width: 767px) {
    .Box-ticket .Box-ticketLabel.Box-ticketLabelName.Box-ticketLabelName--alignLeft {
        width: 100%;
    }
}

.Box-ticket .Box-infoGreen .Box-itemInnerWhite .Box-itemIcon,
.Box-ticket .Box-infoBlue .Box-itemInnerWhite .Box-itemIcon,
.Box-ticket .Box-infoDarkBlue .Box-itemInnerWhite .Box-itemIcon {
    fill: #ecf0a0;
}

.Box-ticket .Box-infoBlue .Box-itemInnerWhite .Box-itemIcon {
    fill: #d9e7eb;
}

.Box-ticket .Box-infoDarkBlue .Box-itemInnerWhite .Box-itemIcon {
    fill: #1C6078;
}

.Box-ticket .Box-infoDarkRed .Box-itemInnerWhite .Box-itemIcon {
    fill: #8b0511;
}

.Box-ticket .Box-infoNight .Box-itemInnerWhite .Box-itemIcon {
    fill: #180B5C;
}

.Box-ticket .Box-infoYellow .Box-itemInnerWhite .Box-itemIcon {
    fill: #EEAD00;
}

.Box-ticket .Box-infoRed .Box-itemInnerWhite .Box-itemIcon {
    fill: #C10141;
}

@media screen and (max-width: 999px) {
    .Box-ticket .GridFlex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

        .Box-ticket .GridFlex .Box-item {
            display: inline-block;
            font-size: 12px;
        }

        .Box-ticket .GridFlex .Box-icon,
        .Box-ticket .GridFlex .Box-name,
        .Box-ticket .GridFlex .Box-price {
            margin: 0;
        }

        .Box-ticket .GridFlex .Box-icon {
            width: 30px;
        }

        .Box-ticket .GridFlex .Box-name {
            font-size: 14px;
        }

        .Box-ticket .GridFlex .Box-price {
            width: 20%;
            font-size: 14px;
        }

        .Box-ticket .GridFlex .Box-note {
            width: 100%;
        }

        .Box-ticket .GridFlex .Box-item--higlightText {
            display: inline-block;
            padding: 3px 2px;
            width: 100%;
            font-size: 14px;
            line-height: 17px;
            text-align: center;
        }

        .Box-ticket .GridFlex .Box-infoGreen,
        .Box-ticket .GridFlex .Box-infoBlue {
            padding: 0;
            width: 100%;
        }

    .Box-ticket .Box-nameExtraSmall {
        padding: 2px;
    }

        .Box-ticket .Box-nameExtraSmall .Box-itemInnerWhite {
            font-size: 12px;
            padding: 0 3px;
            margin-right: 0;
        }

    .Box-ticket .Box-ticket .Box-nameSmall {
        padding-left: 5px;
    }
}

.Box-traffic {
    position: relative;
    background-color: #ffffff;
}

    .Box-traffic .Box-item {
        padding: 0;
        padding-left: 10px;
    }

    .Box-traffic .Icon {
        width: 18px;
        height: 18px;
        margin-top: -2px;
    }

        .Box-traffic .Icon.Icon--transport-bus {
            width: 14px;
            height: 14px;
        }

    .Box-traffic .Box-item--absoluteRight {
        position: absolute;
        margin-top: -10px;
        top: 50%;
        right: 20px;
    }

        .Box-traffic .Box-item--absoluteRight .Icon {
            width: 10px;
            height: 10px;
        }

    .Box-traffic .Box-name {
        width: 280px;
    }

    .Box-traffic .Box-localize {
        font-size: 0.96em;
        font-weight: 500;
        width: 400px;
    }

        .Box-traffic .Box-localize .Icon {
            margin-right: 5px;
        }

    .Box-traffic .Box-nameText {
        color: #000000;
        text-decoration: none;
    }

    .Box-traffic .Box-date {
        position: relative;
        display: inline-block;
        width: 180px;
    }

    .Box-traffic .Box-desc {
        display: inline-block;
        color: #76685b;
        font-size: 0.86em;
        line-height: 1.1em;
    }

@media screen and (min-width: 1000px) {
    .Box-traffic .odd-mobile {
        display: none;
    }
}

@media screen and (max-width: 999px) {
    .Box-traffic.Box--small {
        padding: 15px;
    }

    .Box-traffic .GridFlex {
        display: block;
        font-size: 0;
    }

        .Box-traffic .GridFlex.GridFlex-alignTop {
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

    .Box-traffic .Box-item {
        display: inline-block;
        padding: 0;
        width: 100%;
        font-size: 1rem;
    }

    .Box-traffic .Box-name,
    .Box-traffic .Box-localize {
        display: inline;
        width: auto;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
    }

    .Box-traffic .Box-note {
        width: 100%;
    }

    .Box-traffic .Box-date {
        margin-top: 10px;
        width: 100%;
    }

    .Box-traffic .Box-desc {
        margin-top: 3px;
    }

    .Box-traffic .Box-item--absoluteRight {
        display: none;
    }

    .Box-traffic .odd-desktop {
        display: none;
    }
}

.Box-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.Box-link {
    font-weight: 500;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.Box-space {
    min-width: 155px;
}

.Box-close {
    min-width: 155px;
    text-align: right;
}

.Box-closeIcon {
    height: 16px;
    width: 16px;
    cursor: pointer;
}

@media screen and (max-width: 999px) {
    .Box-header {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .Box-title {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .Box-close {
        min-width: unset;
    }
}

.subheading {
    position: relative;
    margin-top: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #000000;
    letter-spacing: 0.025em;
}

    .subheading.subheading--light {
        font-weight: 400;
    }

@media screen and (max-width: 999px) {
    .subheading {
        padding: 15px;
        font-size: 16px;
        line-height: 20px;
    }
}

.subheading-smaller {
    font-size: 16px;
}

.Box-smallTicket .Box-name .GridFlex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .Box-smallTicket .Box-name .GridFlex .content-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .Box-smallTicket .Box-name .GridFlex .content-info .info-day {
            display: inline-block;
        }

@media screen and (max-width: 999px) {
    .Box-smallTicket .Box-name .GridFlex .content-info {
        font-size: 14px;
    }

        .Box-smallTicket .Box-name .GridFlex .content-info .changed-lines {
            padding-left: 0;
        }

        .Box-smallTicket .Box-name .GridFlex .content-info.GridFlex--smColumn {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .Box-smallTicket .Box-name .GridFlex .content-info.GridFlex--smColumn span {
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
            }
}

.Box-ticketLink {
    position: relative;
}

    .Box-ticketLink:after {
        position: absolute;
        content: url(/common/svg/svg.svg#arrow-right-icon);
        right: 0;
        top: 0;
    }

a.Box-ticket {
    display: block;
    text-decoration: none;
}

.changed-lines {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 5px;
}

.Box-lineList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .Box-lineList.Box-lineList--flex75 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
    }

@media screen and (max-width: 999px) {
    .Box-lineList.Box-lineList--flex75 {
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -moz-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }
}

@media screen and (max-width: 999px) {
    .Box-lineList {
        margin: 10px 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .Box-lineList.Box-lineList--alignLeft {
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            width: 100%;
        }
}

.Box-lineList li {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.Box-lineList--inline {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}

@media screen and (max-width: 999px) {
    .Box-lineList--inline {
        margin: 0 10px;
    }
}

.Box-basicText {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .Box-basicText {
        font-size: 14px;
    }
}

.Box-maxW700px {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.Box-lineTrack {
    position: relative;
    margin-bottom: 15px;
    padding-top: 8px;
    line-height: 1.25em;
    font-size: 0.87em;
    letter-spacing: 0.01em;
    margin-bottom: 0;
}

    .Box-lineTrack li {
        position: relative;
        color: #000000;
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 1.3;
        padding-bottom: 7px;
        padding-left: 15px;
    }

        .Box-lineTrack li:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 5px;
            width: 1px;
            bottom: -10px;
            background-color: #7f7f7f;
        }

        .Box-lineTrack li:after {
            content: "";
            position: absolute;
            top: 4px;
            left: 0;
            width: 11px;
            height: 11px;
            background-color: #000000;
            border: 2px solid #ffffff;
            border-radius: 50%;
        }

        .Box-lineTrack li:last-child {
            padding-bottom: 0;
        }

            .Box-lineTrack li:last-child:before {
                display: none;
            }

        .Box-lineTrack li ul {
            padding: 8px 0 0;
            margin-bottom: 0;
        }

            .Box-lineTrack li ul li:last-child {
                padding-bottom: 0;
            }

                .Box-lineTrack li ul li:last-child:before {
                    display: block;
                }

            .Box-lineTrack li ul li:before {
                content: "";
                position: absolute;
                top: 7px;
                left: 1px;
                width: 6px;
                height: 6px;
                background-color: transparent;
                border: 1px solid #000000;
                border-radius: 50%;
            }

            .Box-lineTrack li ul li:after {
                display: none;
            }

    .Box-lineTrack.List--colorRed li:before {
        background-color: #d42724;
    }

    .Box-lineTrack.List--colorRed li:after {
        background-color: #d42724;
        border: 2px solid #ffffff;
    }

    .Box-lineTrack.List--colorBgBrown li:before {
        background-color: #d42724;
    }

    .Box-lineTrack.List--colorBgBrown li:after {
        background-color: #d42724;
        border: 2px solid #e9e5dc;
    }

    .Box-lineTrack li:last-child {
        padding-bottom: 0;
    }

.LineTrack-header .Box-lineTrackTimeIcon,
.LineTrack-header .Box-lineTrackPathIcon {
    width: 14px;
    height: 14px;
    border-radius: none;
}

.Box-lineTrack.List--colorRed li:before {
    width: 3px;
    background-color: #8b0511;
}

.Box-lineTrack.List--colorRed li:after {
    height: 13px;
    width: 13px;
    top: 3px;
    background-color: #8b0511;
}

.Box-lineTrack.List--colorRed li.LineTrack-inactiveStop:before,
.Box-lineTrack.List--colorRed li.LineTrack-inactiveStop:after {
    background-color: #dfdbd2;
}

.Box-lineTrack.List--colorRed li.LineTrack-stopStartPoint {
    padding-top: 10px;
    padding-bottom: 20px;
}

    .Box-lineTrack.List--colorRed li.LineTrack-stopStartPoint:after {
        top: 30%;
    }

    .Box-lineTrack.List--colorRed li.LineTrack-stopStartPoint:before {
        top: 0;
    }

.Box-lineTrack.List--colorRed li.LineTrack-delay {
    padding-bottom: 0;
}

    .Box-lineTrack.List--colorRed li.LineTrack-delay:after {
        display: none;
    }

.Box-lineTrack.List--colorRed li .LineTrack-stopDescription {
    width: 100%;
    max-width: 460px;
    font-size: 14px;
}

    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription.LineTrack-inactiveGreyItalic {
        color: #76685b;
        font-style: italic;
    }

        .Box-lineTrack.List--colorRed li .LineTrack-stopDescription.LineTrack-inactiveGreyItalic .Icon {
            fill: #76685b;
        }

    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopTime {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        min-width: 40px;
    }

    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo {
        -webkit-box-flex: 10;
        -webkit-flex: 10 1;
        -moz-box-flex: 10;
        -ms-flex: 10 1;
        flex: 10 1;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo .Grid-flex--linkSvg {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.BoxSeparator {
            position: relative;
            padding-top: 20px;
        }

        .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.BoxSeparator--line::before {
            content: '';
            position: absolute;
            bottom: 35px;
            left: 0;
            display: block;
            background: #e9e5dc;
            width: 100%;
            height: 1px;
            border: 0;
            z-index: 0;
        }

        .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--Column {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--noAlignMiddle {
            -webkit-box-align: inherit;
            -webkit-align-items: inherit;
            -moz-box-align: inherit;
            -ms-flex-align: inherit;
            align-items: inherit;
        }

        .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--alignMiddle {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--alignFlexStart {
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--end {
            -webkit-box-pack: end;
            -webkit-justify-content: end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: end;
        }

        .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.Grid--spaceBetween {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 15px 0;
        }

        .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.Grid--spaceModified {
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin: 15px 0;
        }

@media screen and (max-width: 999px) {
    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.Grid--spaceModified {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.Grid--spaceModified {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 999px) {
    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--center.GridFlex--column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--justifyLeft {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (max-width: 999px) {
    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 999px) {
    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--smCenter {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--xsAlignFlexEnd {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2 1;
    -moz-box-flex: 2;
    -ms-flex: 2 1;
    flex: 2 1;
}

.Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3 1;
    -moz-box-flex: 3;
    -ms-flex: 3 1;
    flex: 3 1;
}

.Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex4 {
    -webkit-box-flex: 4;
    -webkit-flex: 4 1;
    -moz-box-flex: 4;
    -ms-flex: 4 1;
    flex: 4 1;
}

    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex4 ul li {
        font-size: 14px;
    }

.Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex5 {
    -webkit-box-flex: 5;
    -webkit-flex: 5 1;
    -moz-box-flex: 5;
    -ms-flex: 5 1;
    flex: 5 1;
}

.Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex--xsFlex1 {
    display: none;
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex--xsFlex1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex--xsFlex5 {
        -webkit-box-flex: 5;
        -webkit-flex: 5 1;
        -moz-box-flex: 5;
        -ms-flex: 5 1;
        flex: 5 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo .LineTrack-mapLink {
    margin-left: 5px;
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopInfo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopOrder {
    min-width: 45px;
    padding-right: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 1.2em;
}

    .Box-lineTrack.List--colorRed li .LineTrack-stopDescription .LineTrack-stopOrder span {
        display: inline-block;
        min-width: 20px;
        text-align: right;
    }

.Box-lineTrack.List--colorRed li.LineTrack-currentStop .LineTrack-stopTime {
    font-weight: 600;
}

.Box-lineTrack.List--colorRed li.LineTrack-currentStop .LineTrack-stopName,
.Box-lineTrack.List--colorRed li.LineTrack-currentStop .LineTrack-stopDistance {
    font-weight: 600;
}

.Box-lineTrack.List--colorRed li.LineTrack-destinationStop .LineTrack-stopTime {
    font-weight: 600;
}

.Box-lineTrack.List--colorRed li.LineTrack-destinationStop .LineTrack-stopName,
.Box-lineTrack.List--colorRed li.LineTrack-destinationStop .LineTrack-stopDistance {
    font-weight: 600;
}

.Box-lineTrack.List--colorRed li.LineTrack-destinationStop:before {
    background-color: #dfdbd2;
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorRed li.LineTrack-stopAfterDestination .LineTrack-stopName,
    .Box-lineTrack.List--colorRed li.LineTrack-stopAfterDestination .LineTrack-mapLink {
        font-style: italic;
    }
}

.Box-lineTrack.List--colorRed li.LineTrack-terminus:after {
    background-color: #dfdbd2;
}

.Box-lineTrack.List--colorRed li.LineTrack-terminus .LineTrack-stopDescription .LineTrack-stopTime {
    position: relative;
}

    .Box-lineTrack.List--colorRed li.LineTrack-terminus .LineTrack-stopDescription .LineTrack-stopTime > span {
        position: absolute;
        top: 0;
        left: -60px;
    }

.Box-lineTrack.List--colorYellow li:before {
    width: 3px;
    background-color: #8b0511;
}

.Box-lineTrack.List--colorYellow li:after {
    height: 13px;
    width: 13px;
    top: 3px;
    background-color: #8b0511;
}

.Box-lineTrack.List--colorYellow li.LineTrack-inactiveStop:before,
.Box-lineTrack.List--colorYellow li.LineTrack-inactiveStop:after {
    background-color: #dfdbd2;
}

.Box-lineTrack.List--colorYellow li.LineTrack-stopStartPoint {
    padding-top: 10px;
    padding-bottom: 20px;
}

    .Box-lineTrack.List--colorYellow li.LineTrack-stopStartPoint:after {
        top: 30%;
    }

    .Box-lineTrack.List--colorYellow li.LineTrack-stopStartPoint:before {
        top: 0;
    }

.Box-lineTrack.List--colorYellow li.LineTrack-delay {
    padding-bottom: 0;
}

    .Box-lineTrack.List--colorYellow li.LineTrack-delay:after {
        display: none;
    }

.Box-lineTrack.List--colorYellow li .LineTrack-stopDescription {
    width: 100%;
    max-width: 460px;
    font-size: 14px;
}

    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription.LineTrack-inactiveGreyItalic {
        color: #76685b;
        font-style: italic;
    }

        .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription.LineTrack-inactiveGreyItalic .Icon {
            fill: #76685b;
        }

    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopTime {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        min-width: 40px;
    }

    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo {
        -webkit-box-flex: 10;
        -webkit-flex: 10 1;
        -moz-box-flex: 10;
        -ms-flex: 10 1;
        flex: 10 1;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo .Grid-flex--linkSvg {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.BoxSeparator {
            position: relative;
            padding-top: 20px;
        }

        .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.BoxSeparator--line::before {
            content: '';
            position: absolute;
            bottom: 35px;
            left: 0;
            display: block;
            background: #e9e5dc;
            width: 100%;
            height: 1px;
            border: 0;
            z-index: 0;
        }

        .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--Column {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--noAlignMiddle {
            -webkit-box-align: inherit;
            -webkit-align-items: inherit;
            -moz-box-align: inherit;
            -ms-flex-align: inherit;
            align-items: inherit;
        }

        .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--alignMiddle {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--alignFlexStart {
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--end {
            -webkit-box-pack: end;
            -webkit-justify-content: end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: end;
        }

        .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.Grid--spaceBetween {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 15px 0;
        }

        .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.Grid--spaceModified {
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin: 15px 0;
        }

@media screen and (max-width: 999px) {
    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.Grid--spaceModified {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.Grid--spaceModified {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 999px) {
    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--center.GridFlex--column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--justifyLeft {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (max-width: 999px) {
    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 999px) {
    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--smCenter {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo.GridFlex--xsAlignFlexEnd {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2 1;
    -moz-box-flex: 2;
    -ms-flex: 2 1;
    flex: 2 1;
}

.Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3 1;
    -moz-box-flex: 3;
    -ms-flex: 3 1;
    flex: 3 1;
}

.Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex4 {
    -webkit-box-flex: 4;
    -webkit-flex: 4 1;
    -moz-box-flex: 4;
    -ms-flex: 4 1;
    flex: 4 1;
}

    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex4 ul li {
        font-size: 14px;
    }

.Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex-flex5 {
    -webkit-box-flex: 5;
    -webkit-flex: 5 1;
    -moz-box-flex: 5;
    -ms-flex: 5 1;
    flex: 5 1;
}

.Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex--xsFlex1 {
    display: none;
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex--xsFlex1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo .GridFlex--xsFlex5 {
        -webkit-box-flex: 5;
        -webkit-flex: 5 1;
        -moz-box-flex: 5;
        -ms-flex: 5 1;
        flex: 5 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo .LineTrack-mapLink {
    margin-left: 5px;
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopInfo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopOrder {
    min-width: 45px;
    padding-right: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 1.2em;
}

    .Box-lineTrack.List--colorYellow li .LineTrack-stopDescription .LineTrack-stopOrder span {
        display: inline-block;
        min-width: 20px;
        text-align: right;
    }

.Box-lineTrack.List--colorYellow li.LineTrack-currentStop .LineTrack-stopTime {
    font-weight: 600;
}

.Box-lineTrack.List--colorYellow li.LineTrack-currentStop .LineTrack-stopName,
.Box-lineTrack.List--colorYellow li.LineTrack-currentStop .LineTrack-stopDistance {
    font-weight: 600;
}

.Box-lineTrack.List--colorYellow li.LineTrack-destinationStop .LineTrack-stopTime {
    font-weight: 600;
}

.Box-lineTrack.List--colorYellow li.LineTrack-destinationStop .LineTrack-stopName,
.Box-lineTrack.List--colorYellow li.LineTrack-destinationStop .LineTrack-stopDistance {
    font-weight: 600;
}

.Box-lineTrack.List--colorYellow li.LineTrack-destinationStop:before {
    background-color: #dfdbd2;
}

@media screen and (max-width: 767px) {
    .Box-lineTrack.List--colorYellow li.LineTrack-stopAfterDestination .LineTrack-stopName,
    .Box-lineTrack.List--colorYellow li.LineTrack-stopAfterDestination .LineTrack-mapLink {
        font-style: italic;
    }
}

.Box-lineTrack.List--colorYellow li.LineTrack-terminus:after {
    background-color: #dfdbd2;
}

.Box-lineTrack.List--colorYellow li.LineTrack-terminus .LineTrack-stopDescription .LineTrack-stopTime {
    position: relative;
}

    .Box-lineTrack.List--colorYellow li.LineTrack-terminus .LineTrack-stopDescription .LineTrack-stopTime > span {
        position: absolute;
        top: 0;
        left: -60px;
    }

.Box-lineTrack.List--colorYellow li:before {
    background-color: #EEAD00;
}

.Box-lineTrack.List--colorYellow li:after {
    background-color: #EEAD00;
}

.Box-lineTrackLegend {
    border-top: 1px solid #dfdbd2;
    padding: auto 12px;
    color: #76685b;
    font-size: 14px;
    line-height: 16px;
}

    .Box-lineTrackLegend .Box-lineTrackInfoIcon {
        margin-top: 2px;
        height: 18px;
        width: 18px;
        min-width: 18px;
    }

    .Box-lineTrackLegend ul li {
        padding-bottom: 3px;
    }

    .Box-lineTrackLegend .Box-bottomLegendLinks {
        color: #000000;
    }

.Box-lineTrackLegendText {
    color: #76685b;
}

.Box-rowLineTrackLegend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .Box-rowLineTrackLegend ul li {
        padding-bottom: 0;
    }

.LineTrack-stopOrderHeading {
    display: inline-block;
    width: 45px;
    text-align: right;
}

.LineTrack-stopHourHeading {
    width: 30px;
    display: inline-block;
    text-align: right;
}

.LineTrack-stopHour {
    width: 15px;
    display: inline-block;
    text-align: right;
}

.LineTrack-stopMinute {
    padding-left: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
}

    .LineTrack-stopMinute .Icon {
        height: .7em;
        width: .7em;
    }

.LineTrack-minutesGridNoIcon .LineTrack-stopMinute {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.LineTrack-timmer {
    font-size: 16px;
    color: #92ba1a;
    line-height: 1.25;
}

@media screen and (max-width: 999px) {
    .LineTrack-timmer {
        font-size: 14px;
    }
}

.LineTrack-delay {
    font-size: 14px;
    color: #92ba1a;
    line-height: 1.25;
}

    .LineTrack-delay.LineTrack-delay--late {
        color: #e04542;
    }

.LineTrack-tripTime {
    font-size: 17px;
}

@media screen and (max-width: 999px) {
    .LineTrack-tripTime {
        font-size: 16px;
    }
}

.LineTrack-connections tbody tr td {
    border-top: 0;
    padding: 0;
}

    .LineTrack-connections tbody tr td .Box-lineTrack {
        padding-top: 0;
    }

.LineTrack-connections tbody tr .LineTrack-transferDotsWrap {
    position: relative;
}

    .LineTrack-connections tbody tr .LineTrack-transferDotsWrap .LineTrack-transferDots {
        position: absolute;
        height: 100%;
        width: 3px;
        border-left: 3px dotted #a1aab7;
        top: 0;
        left: 15px;
    }

    .LineTrack-connections tbody tr .LineTrack-transferDotsWrap .LineTrack-tripLine {
        margin-left: 4px;
    }

        .LineTrack-connections tbody tr .LineTrack-transferDotsWrap .LineTrack-tripLine > svg {
            position: relative;
            z-index: 0;
        }

.LineTrack-connections tbody tr li.LineTrack-transferExitStop:before {
    display: block;
    background-color: transparent;
    border-left: 3px dotted #a1aab7;
    bottom: -3px;
}

.LineTrack-lineCheckbox i {
    margin-top: 2px;
}

.LineTrack-transfer {
    min-width: 180px;
    max-width: 350px;
    display: inline-block;
    color: #545351;
}

    .LineTrack-transfer .Box-infoChanges {
        fill: #ffffff;
        color: #ffffff;
    }

@media screen and (max-width: 767px) {
    .LineTrack-transfer {
        min-width: 60px;
        max-width: 200px;
    }
}

.LineTrack-transferExitStop {
    color: #76685b;
    fill: #76685b;
}

.Box-xsScrollableLineTrack {
    display: none;
}

@media screen and (max-width: 767px) {
    .Box-xsScrollableLineTrack {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.Box-xsScrollableLineTrack .Box--highlight {
    background-color: #000000;
    color: #ffffff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .Box-xsScrollableLineTrack .Box--highlight .LineTrack-stopOrderHeading {
        text-align: left;
        min-width: 30px;
    }

    .Box-xsScrollableLineTrack .Box--highlight .Box-highlightScrollableIcon {
        -webkit-transition: .3s;
        transition: .3s;
        width: 8px;
        height: 8px;
    }

.Box-xsScrollableLineTrack .Box-listWrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.Box-inactiveContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-bottom: 20px;
    position: relative;
}

@media screen and (max-width: 999px) {
    .Box-inactiveContainer {
        padding-bottom: 40px;
    }
}

.Box-showTicketsButton {
    cursor: pointer;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: -20px;
}

@media screen and (max-width: 999px) {
    .Box-showTicketsButton {
        bottom: 10px;
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .Box-showTicketsButton {
        font-size: 14px;
    }
}

.Box-hideLabelbox {
    background-color: #F4F2ED;
    position: absolute;
    bottom: -20px;
    right: 0;
    height: 20px;
    width: 50%;
}

@media screen and (max-width: 999px) {
    .Box-hideLabelbox {
        width: 100%;
        bottom: 10px;
    }
}

.Box-showTicketsButton + input + .Box-inactiveTickets {
    display: none;
}

.Box-showTicketsButton + input:checked + .Box-inactiveTickets {
    display: block;
}

#Box-showLineTrack + .Box-showLineTrackLabel + .Box-listWrapper .Box-lineTrack li {
    display: none;
}

    #Box-showLineTrack + .Box-showLineTrackLabel + .Box-listWrapper .Box-lineTrack li .LineTrack-stopOrder {
        min-width: 30px;
    }

    #Box-showLineTrack + .Box-showLineTrackLabel + .Box-listWrapper .Box-lineTrack li.LineTrack-currentStop {
        display: block;
        padding-bottom: 0;
    }

        #Box-showLineTrack + .Box-showLineTrackLabel + .Box-listWrapper .Box-lineTrack li.LineTrack-currentStop::before {
            display: none;
        }

#Box-showLineTrack:checked + .Box-showLineTrackLabel .Box-highlightScrollableIcon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s;
    transition: .3s;
}

#Box-showLineTrack:checked + .Box-showLineTrackLabel + .Box-listWrapper .Box-lineTrack li {
    display: block;
}

    #Box-showLineTrack:checked + .Box-showLineTrackLabel + .Box-listWrapper .Box-lineTrack li.LineTrack-currentStop {
        padding-bottom: 10px;
    }

        #Box-showLineTrack:checked + .Box-showLineTrackLabel + .Box-listWrapper .Box-lineTrack li.LineTrack-currentStop::before {
            display: block;
        }

.Box-table {
    position: relative;
    z-index: 3;
}

    .Box-table thead tr td {
        font-size: 18px;
        padding: 5px 15px;
    }

    .Box-table tbody tr td {
        border-top: 0;
        line-height: 18px;
        padding: 2px 15px;
    }

.box-Links {
    padding: 0;
}

@media screen and (max-width: 767px) {
    .box-Links {
        position: relative;
        text-align: left;
    }
}

.box-Links ul {
    position: relative;
    margin-bottom: 15px;
    padding-top: 8px;
    line-height: 1.25em;
    font-size: 0.87em;
    letter-spacing: 0.01em;
    padding-top: 0;
}

    .box-Links ul li {
        position: relative;
        color: #000000;
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 1.3;
        padding-bottom: 7px;
        padding-left: 15px;
    }

        .box-Links ul li:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 5px;
            width: 1px;
            bottom: -10px;
            background-color: #7f7f7f;
        }

        .box-Links ul li:after {
            content: "";
            position: absolute;
            top: 4px;
            left: 0;
            width: 11px;
            height: 11px;
            background-color: #000000;
            border: 2px solid #ffffff;
            border-radius: 50%;
        }

        .box-Links ul li:last-child {
            padding-bottom: 0;
        }

            .box-Links ul li:last-child:before {
                display: none;
            }

        .box-Links ul li ul {
            padding: 8px 0 0;
            margin-bottom: 0;
        }

            .box-Links ul li ul li:last-child {
                padding-bottom: 0;
            }

                .box-Links ul li ul li:last-child:before {
                    display: block;
                }

            .box-Links ul li ul li:before {
                content: "";
                position: absolute;
                top: 7px;
                left: 1px;
                width: 6px;
                height: 6px;
                background-color: transparent;
                border: 1px solid #000000;
                border-radius: 50%;
            }

            .box-Links ul li ul li:after {
                display: none;
            }

    .box-Links ul.List--colorRed li:before {
        background-color: #d42724;
    }

    .box-Links ul.List--colorRed li:after {
        background-color: #d42724;
        border: 2px solid #ffffff;
    }

    .box-Links ul.List--colorBgBrown li:before {
        background-color: #d42724;
    }

    .box-Links ul.List--colorBgBrown li:after {
        background-color: #d42724;
        border: 2px solid #e9e5dc;
    }

    .box-Links ul li:last-child {
        padding-bottom: 0;
    }

    .box-Links ul li {
        margin-top: 2px;
    }

        .box-Links ul li::before {
            background-color: #000000;
        }

        .box-Links ul li::after {
            background-color: #000000;
            border-color: #c8c3bb;
        }

.box-Links-link {
    padding-left: 5px;
    color: #000000;
    font-size: 1em;
    font-weight: 500;
    text-decoration: none;
}

    .box-Links-link time,
    .box-Links-link strong {
        font-weight: 600;
    }

    .box-Links-link:hover {
        text-decoration: underline;
    }

.Box {
    position: relative;
    border-radius: 8px;
    line-height: 1.25em;
    background-color: #F4F2ED;
}

    .Box.Box--halfWidth {
        margin: 0 auto;
        width: 50%;
    }

@media screen and (max-width: 999px) {
    .Box.Box--halfWidth {
        width: 100%;
    }
}

.Box-hidden {
    display: none;
}

.Box-relative {
    position: relative;
}

    .Box-relative .checkboxHidden {
        position: absolute;
        right: 20px;
        bottom: -30px;
        font-weight: 400;
        font-size: 16px;
    }

        .Box-relative .checkboxHidden::before {
            content: '+';
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -moz-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            padding-right: 5px;
        }

        .Box-relative .checkboxHidden::after {
            content: '';
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            height: 1px;
            width: 100%;
            background: #000000;
        }

@media screen and (max-width: 767px) {
    .Box-relative .checkboxHidden {
        right: 50%;
        bottom: -100px;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        font-size: 13px;
    }
}

.Box-relative .Tabs-content {
    position: absolute;
    bottom: 0;
}

.checkbox_hidden {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    .checkbox_hidden:not(:checked) ~ .Box-hidden {
        display: none;
    }

    .checkbox_hidden:not(:checked) ~ .checkboxHidden {
        bottom: -30px;
    }

@media screen and (max-width: 999px) {
    .checkbox_hidden:not(:checked) ~ .checkboxHidden {
        bottom: -80px;
    }
}

.checkbox_hidden:checked + .checkboxHidden {
    bottom: -50px;
}

@media screen and (max-width: 441px) {
    .checkbox_hidden:checked + .checkboxHidden {
        bottom: -100px;
    }
}

.checkbox_hidden:checked + .checkboxHidden::before {
    content: '–';
}

.checkbox_hidden:checked ~ .Box-hidden {
    display: block;
    margin-bottom: 20px;
}

.Box-backList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
}

@media screen and (max-width: 767px) {
    .Box-backList {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 10%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    }

        .Box-backList span {
            display: none;
        }
}

.Box-headerModal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.Box-closeModal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width: 767px) {
    .Box-closeModal {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 10%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    }
}

.Icon {
    height: 1em;
    width: 1em;
    vertical-align: middle;
}

.Icon-fixedSize {
    width: 16px;
    height: 16px;
}

.Icon-requestStop {
    height: .6em;
    width: .6em;
    margin-top: 2px;
}

@media screen and (max-width: 441px) {
    .Box-iconXxsBigger {
        width: 2em;
        height: 2em;
    }
}

.Box--close {
    font-size: 18px;
}

    .Box--close .Box-Icon--close {
        background-color: transparent;
    }

.Box--bg {
    background-color: #ffffff;
}

.Box--highlight {
    background-color: #e8e5dd;
}

.Box-clickable {
    cursor: pointer;
    text-decoration: none;
}

.Box-heading {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 0 0 10px;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.3em;
    letter-spacing: 0.01em;
    outline: 0;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #ffffff;
    text-shadow: 0 0 1px #5f5752;
}

@media screen and (max-width: 999px) {
    .Box-heading {
        padding-bottom: 15px;
        font-size: 15px;
    }
}

.Box--border {
    border: 1px solid #dfdbd2;
}

    .Box--border:hover {
        border: 1px solid #A19992;
    }

.Box--rectangle {
    position: relative;
    overflow: hidden;
    height: 0;
    padding: 0;
    padding-top: 100%;
}

.Box--small {
    padding: 10px;
    font-size: 0.86em;
    border-radius: 4px;
}

@media screen and (max-width: 999px) {
    .Box--small {
        padding: 10px;
    }
}

.Box--thin {
    padding: 11px 5px;
    font-size: 0.87em;
    border-radius: 4px;
}

@media screen and (max-width: 999px) {
    .Box--thin {
        padding: 10px 5px;
    }
}

.Box--big {
    padding: 25px 17px;
}

@media screen and (max-width: 999px) {
    .Box--big {
        padding: 15px;
    }
}

.Box--exbig {
    padding: 25px 35px;
}

@media screen and (max-width: 999px) {
    .Box--exbig {
        padding: 15px 20px;
    }
}

.Box--radiusBigger {
    border-radius: 8px;
}

@media screen and (max-width: 999px) {
    .Box--radiusBigger {
        padding: 20px;
    }
}

.Box--red {
    background: -webkit-linear-gradient(315deg, #ae1014 0, #d42724 30%, #d42724 70%, #d6302b 100%);
    background: linear-gradient(135deg, #ae1014 0, #d42724 30%, #d42724 70%, #d6302b 100%);
}

@media screen and (max-width: 999px) {
    .Box--red {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ae1014), color-stop(35%, #d42724), color-stop(65%, #d42724), to(#d6302b));
        background: -webkit-linear-gradient(top, #ae1014 0, #d42724 35%, #d42724 65%, #d6302b 100%);
        background: linear-gradient(to bottom, #ae1014 0, #d42724 35%, #d42724 65%, #d6302b 100%);
    }
}

.Box--red .Box-heading {
    color: #ffffff;
}

.Box--white {
    background-color: #ffffff;
}

.Box--grey {
    background-color: #c8c3bb;
}

.Box--shade {
    background-color: #c8c3bb;
}

.Box-lineIcon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 10px;
}

@media screen and (max-width: 999px) {
    .Box-lineIcon {
        margin: 5px 10px;
    }
}

.Box-lineIcon .Box-lineIconDot {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background-color: #d42724;
}

.Box-lineIcon .Box-lineIconLine {
    height: 1px;
    width: 12px;
    margin: 0 1px;
    background-color: #eacbc5;
}

.Button-mobileSmall {
    font-size: 17px;
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .Button-mobileSmall {
        font-size: 14px;
        margin-left: 10px;
    }
}

.Box-legendNumber {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.1;
    font-size: .8em;
    border: 2px solid #b7afa6;
    border-radius: 50px;
}

    .Box-legendNumber.Box-blackLegendNumber {
        border: 2px solid #545351;
    }

.Box-editDateButton {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

    .Box-editDateButton > svg {
        vertical-align: middle;
    }

.Box-bgIcon {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 58px;
    width: 72px;
    overflow: hidden;
}

    .Box-bgIcon .Icon {
        fill: #F4F2ED;
        width: 90px;
        height: 90px;
    }

    .Box-bgIcon.Box-bgIconLines {
        width: 110px;
        height: 96px;
    }

        .Box-bgIcon.Box-bgIconLines .Icon--lines {
            width: 140px;
            height: 140px;
        }

.Button,
.cc_btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 12px 20px;
    min-height: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    background-color: #000000;
    line-height: 1.15;
    border: 1px solid transparent;
    color: #ffffff;
    -webkit-appearance: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 4px;
    white-space: nowrap;
}

    .Button.extraPadding,
    .cc_btn.extraPadding {
        padding: 14px 20px;
    }

@media screen and (max-width: 999px) {
    .Button.extraPadding,
    .cc_btn.extraPadding {
        padding: 12px 20px;
    }
}

.Button:hover,
.Button:focus,
.cc_btn:hover,
.cc_btn:focus {
    background-color: #333333;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.Button:active,
.Button.is-active,
.cc_btn:active,
.cc_btn.is-active {
    color: white;
    background-color: #4d4d4d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Button.is-error,
.Button.Button--disabled,
.Button:disabled,
.cc_btn.is-error,
.cc_btn.Button--disabled,
.cc_btn:disabled {
    cursor: default;
    color: #dfdbd2;
    background-color: #5f5752;
}

.Button--withoutLabel {
    margin-top: 39px;
}

.Button--lsnone {
    letter-spacing: 0em;
}

.Button--ttnone {
    text-transform: none;
}

.Button--nowrap {
    white-space: nowrap;
}

.Button--noBoxShadow,
.cc_btn {
    -webkit-box-shadow: 0 0 0 transparent !important;
    box-shadow: 0 0 0 transparent !important;
}

.Button--middle {
    padding: 11px 15px;
    font-size: 14px;
    min-height: 0;
}

@media screen and (max-width: 767px) {
    .Button--middle {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.Button--small,
.cc_btn {
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    min-height: 0;
}

@media screen and (max-width: 767px) {
    .Button--small,
    .cc_btn {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.Button--fullWidth {
    width: 100%;
}

@media screen and (max-width: 999px) {
    .Button--smFullWidth {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .Button--xsFullWidth {
        width: 100%;
    }
}

.Button--white {
    background-color: #ffffff;
    border: 1px solid #dfdbd2;
    color: #000000;
}

    .Button--white:hover,
    .Button--white:focus {
        background-color: #e6e6e6;
    }

    .Button--white.Button--disabled {
        background-color: #ffffff;
        color: #c2b69d;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

        .Button--white.Button--disabled:hover,
        .Button--white.Button--disabled:focus {
            background-color: #ffffff;
        }

.Button--secondary {
    background-color: #ffffff;
    border: 1px solid #dfdbd2;
    color: #000000;
}

    .Button--secondary:hover,
    .Button--secondary:focus {
        background-color: #e6e6e6;
    }

    .Button--secondary.Button--disabled {
        background-color: #ffffff;
        color: #c2b69d;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

        .Button--secondary.Button--disabled:hover,
        .Button--secondary.Button--disabled:focus {
            background-color: #ffffff;
        }

.Button--twitter {
    color: white;
    background-color: #1da1f2;
}

    .Button--twitter:hover,
    .Button--twitter:focus {
        background-color: #F4F2ED;
    }

    .Button--twitter:active {
        background-color: #eae7dd;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

.Button--facebook {
    color: white;
    background-color: #4c66a4;
}

    .Button--facebook:hover,
    .Button--facebook:focus {
        background-color: #445b93;
    }

    .Button--facebook:active {
        background-color: #3c5081;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

.Button--google {
    color: white;
    background-color: #d34836;
}

    .Button--google:hover,
    .Button--google:focus {
        background-color: #c43d2b;
    }

    .Button--google:active {
        background-color: #b03626;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

.Wysiwyg .Button--icon {
    color: #ffffff;
    text-decoration: none;
}

.Button--icon .Icon {
    position: relative;
    top: -2px;
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.Button--icon.u-icon--middle .Icon {
    width: 16px;
    height: 16px;
}

.Button--icon.u-icon--small .Icon {
    width: 12px;
    height: 12px;
}

.Button--icon.u-icon--exsmall .Icon {
    width: 9px;
    height: 9px;
}

.Button--icon.u-icon--rotate180 .Icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.Wysiwyg .Button--iconl {
    color: #ffffff;
    text-decoration: none;
}

.Button--iconl .Icon {
    position: relative;
    top: -2px;
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.Button--iconl.u-icon--middle .Icon {
    width: 16px;
    height: 16px;
}

.Button--iconl.u-icon--small .Icon {
    width: 12px;
    height: 12px;
}

.Button--iconl.u-icon--exsmall .Icon {
    width: 9px;
    height: 9px;
}

.Button--iconl.u-icon--rotate180 .Icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.Button--iconl .Icon {
    margin-right: 6px;
}

.Wysiwyg .Button--iconr {
    color: #ffffff;
    text-decoration: none;
}

.Button--iconr .Icon {
    position: relative;
    top: -2px;
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.Button--iconr.u-icon--middle .Icon {
    width: 16px;
    height: 16px;
}

.Button--iconr.u-icon--small .Icon {
    width: 12px;
    height: 12px;
}

.Button--iconr.u-icon--exsmall .Icon {
    width: 9px;
    height: 9px;
}

.Button--iconr.u-icon--rotate180 .Icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.Button--iconr .Icon {
    margin-left: 6px;
}

.Button--switch {
    text-transform: none;
    padding: 10px 13px;
    background-color: transparent;
    border: 2px solid #ffffff;
    font-size: 14px;
    color: #ffffff;
}

    .Button--switch.is-active {
        background-color: #ffffff;
        color: #000000;
    }

    .Button--switch:not(.is-active) {
        background-color: transparent;
        color: #ffffff;
    }

    .Button--switch .Checkbox {
        display: none;
    }

@media screen and (max-width: 999px) {
    .Button--switch {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }
}

.Button--person {
    text-transform: none;
    padding: 10px 13px;
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    position: relative;
    padding: 10px 5px 0;
    padding-left: 80px;
    height: 77px;
    width: 170px;
    line-height: 18px;
    font-size: 14px;
}

    .Button--person.is-active {
        background-color: #ffffff;
        color: #000000;
    }

    .Button--person:not(.is-active) {
        background-color: transparent;
        color: #ffffff;
    }

    .Button--person .Checkbox {
        display: none;
    }

@media screen and (max-width: 999px) {
    .Button--person {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
    }
}

.Button--person .Text--light {
    display: block;
}

.Button--person .Icon {
    position: absolute;
    left: 10px;
    top: 8px;
    width: 70px;
    height: 70px;
}

.Button--person .Icon--child,
.Button--person .Icon--senior {
    top: 10px;
}

@media screen and (max-width: 999px) {
    .Button--person {
        padding-right: 2px;
        padding-left: 40px;
        width: 100%;
        height: 54px;
        font-size: 12px;
        line-height: 1.1em;
    }

        .Button--person .Icon,
        .Button--person .Icon--child,
        .Button--person .Icon--senior {
            top: 21px;
            width: 32px;
            height: 32px;
        }
}

.Button-ellipsis {
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Button-transparent--hoverWhite {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 12px 20px;
    min-height: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    background-color: #000000;
    line-height: 1.15;
    border: 1px solid transparent;
    -webkit-appearance: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 4px;
    white-space: nowrap;
    margin: 0;
    padding: 8px 12px;
    min-height: 16px;
    width: auto;
    line-height: 16px;
    color: #ffffff;
    background-color: transparent;
    border: 2px solid #ffffff;
    text-transform: none;
}

    .Button-transparent--hoverWhite.extraPadding {
        padding: 14px 20px;
    }

@media screen and (max-width: 999px) {
    .Button-transparent--hoverWhite.extraPadding {
        padding: 12px 20px;
    }
}

.Button-transparent--hoverWhite:hover,
.Button-transparent--hoverWhite:focus {
    background-color: #333333;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.Button-transparent--hoverWhite:active,
.Button-transparent--hoverWhite.is-active {
    color: white;
    background-color: #4d4d4d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Button-transparent--hoverWhite.is-error,
.Button-transparent--hoverWhite.Button--disabled,
.Button-transparent--hoverWhite:disabled {
    cursor: default;
    color: #dfdbd2;
    background-color: #5f5752;
}

.Button-transparent--hoverWhite:hover {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    color: #000000;
}

.Button-transparent--hoverWhite.is-active {
    background-color: #ffffff;
    color: #000000;
}

.Button-white--hoverRed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 12px 20px;
    min-height: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    background-color: #000000;
    line-height: 1.15;
    border: 1px solid transparent;
    color: #ffffff;
    -webkit-appearance: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 4px;
    white-space: nowrap;
    margin: 0;
    padding: 8px 10px;
    min-height: 16px;
    line-height: 16px;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #dfdbd2;
    text-transform: none;
}

    .Button-white--hoverRed.extraPadding {
        padding: 14px 20px;
    }

@media screen and (max-width: 999px) {
    .Button-white--hoverRed.extraPadding {
        padding: 12px 20px;
    }
}

.Button-white--hoverRed:hover,
.Button-white--hoverRed:focus {
    background-color: #333333;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.Button-white--hoverRed:active,
.Button-white--hoverRed.is-active {
    color: white;
    background-color: #4d4d4d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Button-white--hoverRed.is-error,
.Button-white--hoverRed.Button--disabled,
.Button-white--hoverRed:disabled {
    cursor: default;
    color: #dfdbd2;
    background-color: #5f5752;
}

.Button-white--hoverRed:hover,
.Button-white--hoverRed:focus {
    background-color: #ae1014;
    border: 1px solid #ae1014;
    color: #ffffff;
}

.Button-red--hoverRed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 12px 20px;
    min-height: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    background-color: #000000;
    line-height: 1.15;
    border: 1px solid transparent;
    -webkit-appearance: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 4px;
    white-space: nowrap;
    margin: 0;
    padding: 8px 12px;
    min-height: 16px;
    line-height: 16px;
    background-color: #d42724;
    border: 1px solid #d42724;
    color: #ffffff;
    text-transform: none;
}

    .Button-red--hoverRed.extraPadding {
        padding: 14px 20px;
    }

@media screen and (max-width: 999px) {
    .Button-red--hoverRed.extraPadding {
        padding: 12px 20px;
    }
}

.Button-red--hoverRed:hover,
.Button-red--hoverRed:focus {
    background-color: #333333;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.Button-red--hoverRed:active,
.Button-red--hoverRed.is-active {
    color: white;
    background-color: #4d4d4d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Button-red--hoverRed.is-error,
.Button-red--hoverRed.Button--disabled,
.Button-red--hoverRed:disabled {
    cursor: default;
    color: #dfdbd2;
    background-color: #5f5752;
}

.Button-red--hoverRed:hover,
.Button-red--hoverRed:focus {
    background-color: #d42724;
    border: 1px solid #d42724;
    color: #ffffff;
}

.Button-radioSwitch {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 12px 20px;
    min-height: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    background-color: #000000;
    line-height: 1.15;
    border: 1px solid transparent;
    color: #ffffff;
    -webkit-appearance: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 4px;
    white-space: nowrap;
    margin: 0;
    padding: 8px 10px;
    min-height: 16px;
    line-height: 16px;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #dfdbd2;
    text-transform: none;
}

    .Button-radioSwitch.extraPadding {
        padding: 14px 20px;
    }

@media screen and (max-width: 999px) {
    .Button-radioSwitch.extraPadding {
        padding: 12px 20px;
    }
}

.Button-radioSwitch:hover,
.Button-radioSwitch:focus {
    background-color: #333333;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.Button-radioSwitch:active,
.Button-radioSwitch.is-active {
    color: white;
    background-color: #4d4d4d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Button-radioSwitch.is-error,
.Button-radioSwitch.Button--disabled,
.Button-radioSwitch:disabled {
    cursor: default;
    color: #dfdbd2;
    background-color: #5f5752;
}

.Button-radioSwitch:hover,
.Button-radioSwitch:focus {
    background-color: #ae1014;
    border: 1px solid #ae1014;
    color: #ffffff;
}

.Button-radioSwitchChecked {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 12px 20px;
    min-height: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    background-color: #000000;
    line-height: 1.15;
    border: 1px solid transparent;
    -webkit-appearance: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 4px;
    white-space: nowrap;
    margin: 0;
    padding: 8px 12px;
    min-height: 16px;
    line-height: 16px;
    background-color: #d42724;
    border: 1px solid #d42724;
    color: #ffffff;
    text-transform: none;
}

    .Button-radioSwitchChecked.extraPadding {
        padding: 14px 20px;
    }

@media screen and (max-width: 999px) {
    .Button-radioSwitchChecked.extraPadding {
        padding: 12px 20px;
    }
}

.Button-radioSwitchChecked:hover,
.Button-radioSwitchChecked:focus {
    background-color: #333333;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.Button-radioSwitchChecked:active,
.Button-radioSwitchChecked.is-active {
    color: white;
    background-color: #4d4d4d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Button-radioSwitchChecked.is-error,
.Button-radioSwitchChecked.Button--disabled,
.Button-radioSwitchChecked:disabled {
    cursor: default;
    color: #dfdbd2;
    background-color: #5f5752;
}

.Button-radioSwitchChecked:hover,
.Button-radioSwitchChecked:focus {
    background-color: #d42724;
    border: 1px solid #d42724;
    color: #ffffff;
}

.GridFlex-alphabetic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: inherit;
    overflow: auto;
}

.Button-alphabetic {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 38px;
    -moz-box-flex: 1;
    -ms-flex: 1 1 38px;
    flex: 1 1 38px;
    margin: 0 2px;
}

    .Button-alphabetic .Button-alphabetic--letter {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        padding: 8px 5px;
        border: 2px solid #ffffff;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        cursor: pointer;
        outline: 0;
        text-decoration: none;
        color: #ffffff;
        text-transform: uppercase;
        border-radius: 4px;
        white-space: nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .Button-alphabetic .Button-alphabetic--letter:hover,
        .Button-alphabetic .Button-alphabetic--letter:focus {
            background-color: #ffffff;
            color: #000000;
            -webkit-transition: all .1s ease;
            transition: all .1s ease;
        }

.NoButton {
    background: none;
    cursor: pointer;
    border: 0;
}

.BirthDate {
    margin-left: -5px;
    margin-right: -5px;
}

    .BirthDate .Select {
        display: inline-block;
    }

    .BirthDate .BirthDate-col {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 100%;
        width: 33.33333333%;
    }

        .BirthDate .BirthDate-col .Control-label {
            padding-bottom: 4px;
        }

.Breadcrumb {
    padding: 7px 20px;
    min-height: 50px;
    text-align: left;
    outline: 0;
    font-family: 'Source Sans Pro', sans-serif;
    color: #76685b;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 35px;
}

    .Breadcrumb.Breadcrumb--nopadding .Container {
        padding: 0;
    }

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

.Breadcrumb-icon-arrow {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: -6px;
    width: 8px;
    height: 8px;
    color: #76685b !important;
}

.Breadcrumb-home {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    width: 15px;
    padding: 0;
    color: #76685b;
    text-align: center;
    text-decoration: none;
}

    .Breadcrumb-home .Icon-home {
        position: relative;
        top: -2px;
        width: 13px;
        height: 13px;
    }

    .Breadcrumb-home .Icon-arrow {
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: -6px;
        width: 8px;
        height: 8px;
        color: #76685b !important;
        left: 24px;
        right: auto;
    }

    .Breadcrumb-home:hover {
        color: #000000;
    }

.Breadcrumb-item {
    padding-left: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #76685b;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 35px;
}

.Breadcrumb-link {
    padding-left: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #76685b;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 35px;
    position: relative;
    display: inline-block;
    padding: 0 10px;
    text-decoration: none;
    -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
    text-decoration: underline;
}

    .Breadcrumb-link .Icon-arrow {
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: -6px;
        width: 8px;
        height: 8px;
        color: #76685b !important;
    }

    .Breadcrumb-link:hover {
        color: #000000;
        -webkit-transition: color 200ms ease-in-out;
        transition: color 200ms ease-in-out;
        text-decoration: none;
    }
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
    }
    /** THEME
===================================*/
    .bx-wrapper .bx-viewport {
        position: relative;
        left: 0;
        /*fix other elements on the page moving (on Chrome)*/
        -webkit-transform: translatez(0);
        transform: translatez(0);
    }

.bx-controls {
    width: 100%;
    text-align: center;
    z-index: 55;
}

.bx-carousel .bx-controls {
    bottom: 50%;
}

.bx-pager,
.bx-controls-auto {
    display: inline-block;
    vertical-align: middle;
}
/* LOADER */
.bx-wrapper .bx-loading {
    display: none !important;
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
/* PAGER */
.bx-pager {
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    margin-top: 20px;
    height: 20px;
}

    .bx-pager .bx-pager-item,
    .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
        zoom: 1;
        display: inline;
    }

    .bx-pager a {
        text-indent: -9999px;
        display: inline-block;
        vertical-align: middle;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #e9f4fb;
        border: 1px solid #cddee6;
        margin: 0 6px;
        outline: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: 0.2s ease;
        transition: 0.2s ease;
    }

        .bx-pager a.active {
            width: 16px;
            height: 16px;
            background-color: #3895d9;
            border: 0;
        }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-controls-direction a {
    position: absolute;
    width: 45px;
    height: 44px;
    top: 50%;
    margin-top: -23px;
    color: #d3e4ed;
    outline: 0;
    z-index: 55;
    text-decoration: none;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

    .bx-controls-direction a:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.bx-carousel .bx-controls-direction a:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
}

    .bx-carousel .bx-controls-direction a:hover:before {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

.bx-controls-direction a.bx-prev {
    display: block;
    content: "";
    left: -45px;
    position: absolute;
    color: transparent;
}

    .bx-controls-direction a.bx-prev:before {
        font-size: 44px;
        color: #c6ced5;
    }

@media screen and (max-width: 767px) {
    .bx-controls-direction a.bx-prev {
        left: 0;
    }
}

.bx-controls-direction a.bx-next {
    right: -45px;
    position: absolute;
    color: transparent;
}

    .bx-controls-direction a.bx-next:before {
        font-size: 44px;
        color: #c6ced5;
    }

@media screen and (max-width: 767px) {
    .bx-controls-direction a.bx-next {
        right: 0;
    }
}

.bx-carousel .bx-controls-direction a {
    width: 36px;
    height: 36px;
    line-height: 32px;
    border-radius: 50%;
    margin-top: -77px;
    font-size: 20px;
}

.bx-controls-direction a.disabled {
    display: none;
}

.banner .bx-controls-direction {
    opacity: 0;
    -webkit-transition: opacity .3s .1s ease;
    transition: opacity .3s .1s ease;
}

.banner:hover .bx-controls-direction {
    opacity: 1;
}

.banner:hover .bx-prev {
    left: 30px;
}

.banner:hover .bx-next {
    right: 30px;
}

.bx-controls-auto a {
    display: block;
    width: 12px;
    height: 12px;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 8px;
}

    .bx-controls-auto a.active {
        display: none;
    }

    .bx-controls-auto a:before {
        content: "";
        display: block;
        border-style: solid;
    }

    .bx-controls-auto a.bx-start:before {
        width: 0;
        height: 0;
        border-width: 6px 0 6px 10px;
        border-color: transparent transparent transparent #d42724;
    }

    .bx-controls-auto a.bx-stop:before {
        width: 4px;
        height: 12px;
        border-width: 0 3px;
        border-color: #d42724;
        margin: 0 1px;
    }
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

    .bx-wrapper .bx-caption span {
        color: #fff;
        font-family: Arial;
        display: block;
        font-size: .85em;
        padding: 10px;
    }

.cc_banner-wrapper {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    background: #000000;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    clear: both;
}

.cc_wrapper-inner {
    padding: 0;
    margin: 0 auto;
    min-width: 320px;
    max-width: 1000px;
}

@media screen and (max-width: 1339px) {
    .cc_wrapper-inner {
        padding: 20px 15px;
    }

        .cc_wrapper-inner.Container-noLgPadding {
            padding: 20px 0;
        }
}

@media screen and (max-width: 999px) {
    .cc_wrapper-inner.Container-noLgPadding {
        padding: 0 15px;
    }
}

.cc_container {
    padding: 19px 0 15px;
}

.cc_message {
    padding-right: 30px;
    text-align: left;
}

.cc_more_info {
    border: 0;
    background: none;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 400;
}

.wysiwyg .cc_more_info,
.Wysiwyg .cc_more_info {
    color: #000000;
}

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

.cc_btn {
    position: relative;
    float: right;
    top: -10px;
}

    .cc_btn:hover {
        -webkit-transition: all .1s ease;
        transition: all .1s ease;
    }

.ColorList {
    position: relative;
}

    .ColorList .Color {
        margin: 5px;
    }

.Color {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 27px;
    height: 27px;
    border: 1px solid #cbdce5;
}

    .Color.is-disabled {
        opacity: 0.3;
        cursor: not-allowed;
    }

        .Color.is-disabled:before,
        .Color.is-disabled:after {
            position: absolute;
            top: -3px;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            height: 32px;
            content: '';
            width: 1px;
            background-color: #ffffff;
        }

        .Color.is-disabled:before {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .Color.is-disabled:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .Color.is-active:after {
        content: '';
        -webkit-transition: border 200ms ease;
        transition: border 200ms ease;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right: 8px;
        bottom: 7px;
        left: auto;
        top: auto;
        display: table;
        width: 8px;
        height: 15px;
        border: 2px solid #ffffff;
        border-top: 0;
        border-left: 0;
        background-color: transparent;
    }

.Control-quantity {
    display: inline-block;
    width: 100%;
    position: relative;
}

    .Control-quantity input {
        margin: 0 44px;
        width: calc(100% - 88px) !important;
        border-color: #7f7f7f !important;
    }

    .Control-quantity .Quantity-decrease,
    .Control-quantity .Quantity-increase {
        position: absolute;
        top: 0;
        bottom: 1px;
        width: 46px;
        background-color: #ffffff;
        border: 1px solid #7f7f7f;
        cursor: pointer;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        line-height: 47px;
        -webkit-user-select: none;
        /* Safari */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* IE10+/Edge */
        user-select: none;
        /* Standard */
    }

        .Control-quantity .Quantity-decrease:hover,
        .Control-quantity .Quantity-increase:hover {
            border: 1px solid #3895d9;
        }

    .Control-quantity .Quantity-decrease {
        left: 0;
    }

    .Control-quantity .Quantity-increase {
        right: 0;
    }

.Control {
    display: inline-block;
    width: 100%;
    position: relative;
    vertical-align: middle;
}

    .Control.is-error .Control-validation {
        color: #d42724;
    }

    .Control.is-error input,
    .Control.is-error textarea,
    .Control.is-error div.fancy-select div.trigger {
        border-color: #d42724 !important;
    }

    .Control.is-error div.fancy-select .options {
        border-color-left: #d42724 !important;
        border-color-right: #d42724 !important;
        border-color-bottom: #d42724 !important;
    }

    .Control.is-info .Control-validation {
        color: #3895d9;
    }

.Control--green .Control-label {
    color: #73bb15;
}

.Control--red .Control-label {
    color: #d42724;
}

.Control-requiredText {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
}

    .Control-requiredText span {
        color: #d42724;
    }

.Control--higlighted .Control-label {
    display: block;
    font-weight: 700;
    text-align: center;
}

.Control-label {
    display: inline-block;
    color: #333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 18px;
    padding-bottom: 10px;
}

    .Control-label span {
        color: #d42724;
        font-weight: 700;
    }

    .Control-label.Control-label--with-sublabel {
        width: 100%;
    }

    .Control-label .Control-sublabel {
        float: right;
        text-align: left;
        color: #73bb15;
        font-size: 12px;
        font-weight: 400;
        margin-top: 2px;
    }

.Control-label--tiny {
    font-size: 13px;
}

.Control--icon .Icon {
    position: absolute;
    top: 17px;
    left: 15px;
    width: 20px;
    height: 20px;
    fill: #d42724;
}

.Control--icon .Icon-newsletter {
    top: 45px;
}

.Control--icon input[type="text"],
.Control--icon input[type="tel"],
.Control--icon input[type="number"],
.Control--icon input[type="password"],
.Control--icon input[type="email"],
.Control--icon textarea,
.Control--icon .Control-input {
    padding-left: 50px !important;
}

.Control input[type="file"].Input-file {
    display: inline-block;
    max-width: 350px;
    width: 100%;
}

.Control input[type="text"],
.Control input[type="tel"],
.Control input[type="number"],
.Control input[type="password"],
.Control input[type="email"],
.Control textarea,
.Control-input {
    width: 100%;
    height: 45px;
    resize: none;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.01em;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin-bottom: 1px;
    border: 1px solid #dfdbd2;
    border-radius: 4px;
}

    .Control input[type="text"].Input-label--phone420,
    .Control input[type="tel"].Input-label--phone420,
    .Control input[type="number"].Input-label--phone420,
    .Control input[type="password"].Input-label--phone420,
    .Control input[type="email"].Input-label--phone420,
    .Control textarea.Input-label--phone420,
    .Control-input.Input-label--phone420 {
        padding-left: 60px;
    }

    .Control input[type="text"]::-webkit-input-placeholder,
    .Control input[type="tel"]::-webkit-input-placeholder,
    .Control input[type="number"]::-webkit-input-placeholder,
    .Control input[type="password"]::-webkit-input-placeholder,
    .Control input[type="email"]::-webkit-input-placeholder,
    .Control textarea::-webkit-input-placeholder,
    .Control-input::-webkit-input-placeholder {
        color: #76685b;
    }

    .Control input[type="text"]::-moz-placeholder,
    .Control input[type="tel"]::-moz-placeholder,
    .Control input[type="number"]::-moz-placeholder,
    .Control input[type="password"]::-moz-placeholder,
    .Control input[type="email"]::-moz-placeholder,
    .Control textarea::-moz-placeholder,
    .Control-input::-moz-placeholder {
        color: #76685b;
    }

    .Control input[type="text"]::-ms-input-placeholder,
    .Control input[type="tel"]::-ms-input-placeholder,
    .Control input[type="number"]::-ms-input-placeholder,
    .Control input[type="password"]::-ms-input-placeholder,
    .Control input[type="email"]::-ms-input-placeholder,
    .Control textarea::-ms-input-placeholder,
    .Control-input::-ms-input-placeholder {
        color: #76685b;
    }

    .Control input[type="text"]::placeholder,
    .Control input[type="tel"]::placeholder,
    .Control input[type="number"]::placeholder,
    .Control input[type="password"]::placeholder,
    .Control input[type="email"]::placeholder,
    .Control textarea::placeholder,
    .Control-input::placeholder {
        color: #76685b;
    }

    .Control input[type="text"][readonly],
    .Control input[type="tel"][readonly],
    .Control input[type="number"][readonly],
    .Control input[type="password"][readonly],
    .Control input[type="email"][readonly],
    .Control textarea[readonly],
    .Control-input[readonly] {
        color: #A19992;
    }

    .Control input[type="text"].Control-inputDatepicker,
    .Control input[type="tel"].Control-inputDatepicker,
    .Control input[type="number"].Control-inputDatepicker,
    .Control input[type="password"].Control-inputDatepicker,
    .Control input[type="email"].Control-inputDatepicker,
    .Control textarea.Control-inputDatepicker,
    .Control-input.Control-inputDatepicker,
    .Control input[type="text"].Control-inputTimepicker,
    .Control input[type="tel"].Control-inputTimepicker,
    .Control input[type="number"].Control-inputTimepicker,
    .Control input[type="password"].Control-inputTimepicker,
    .Control input[type="email"].Control-inputTimepicker,
    .Control textarea.Control-inputTimepicker,
    .Control-input.Control-inputTimepicker {
        position: relative;
        top: -2px;
        padding: 1px 0;
        height: auto;
        border: 0 none;
        color: #000000;
    }

    .Control input[type="text"]:focus,
    .Control input[type="tel"]:focus,
    .Control input[type="number"]:focus,
    .Control input[type="password"]:focus,
    .Control input[type="email"]:focus,
    .Control textarea:focus,
    .Control-input:focus {
        border-color: #b7afa6;
    }

.Control input[type="file"] {
    padding: 0;
    border: 0 none;
}

.Control textarea {
    height: 100px;
    min-height: 100px;
}

.Control--tiny input[type="text"],
.Control--tiny input[type="tel"],
.Control--tiny input[type="password"],
.Control--tiny input[type="email"],
.Control--tiny textarea,
.Control--tiny .Control-input {
    padding: 9px 10px;
    height: 36px;
    font-size: 14px;
}

.Control--small input[type="text"],
.Control--small input[type="tel"],
.Control--small input[type="password"],
.Control--small input[type="email"],
.Control--small textarea,
.Control--small .Control-input {
    padding: 12px 10px;
    height: 41px;
    font-size: 14px;
}

.Control-validation {
    display: inline-block;
    color: #333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 18px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 13px;
}

    .Control-validation span {
        color: #d42724;
        font-weight: 700;
    }

    .Control-validation.Control-label--with-sublabel {
        width: 100%;
    }

    .Control-validation .Control-sublabel {
        float: right;
        text-align: left;
        color: #73bb15;
        font-size: 12px;
        font-weight: 400;
        margin-top: 2px;
    }

.fancy-select .Control-validation {
    position: absolute;
    bottom: -32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.Control-graphicInput.Form-item {
    position: relative;
    margin: 0;
}

.Control-graphicInput .Control .Control-label {
    position: absolute;
    left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
    border-right: 1px solid #e9e5dc;
    font-size: 13px;
    text-transform: uppercase;
}

    .Control-graphicInput .Control .Control-label span {
        display: none;
    }

.Control-graphicInput .Control input,
.Control-graphicInput .Control-input {
    border: 1px solid #e9e5dc;
}

.Control-graphicInput.is-focus input,
.Control-graphicInput input:focus {
    border-radius: 4px 4px 0 0;
}

.Control-graphicInput input[name="phone_number"],
.Control-graphicInput input[name="phone_code"] {
    padding-left: 60px;
}

label.Control-labelError {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -10px;
    display: inline-block;
    padding: 2px 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 18px;
    background: #d42724;
    color: #ffffff;
    border-radius: 0 4px 4px 4px;
    white-space: nowrap;
}

.Checkbox label.Control-labelError {
    bottom: -20px;
}

.js-files-container .Control {
    padding-bottom: 5px;
}
/*
 *  jQuery UI Datepicker
 *  custom styles
 */
.ui-datepicker.ui-widget {
    font-family: 'Source Sans Pro', sans-serif;
}

    .ui-datepicker.ui-widget.ui-widget-content {
        margin-top: -5px;
        padding: 5px 15px;
        max-width: 250px;
        border: 0;
        border-radius: 0 4px 4px 4px;
        z-index: 5 !important;
    }

@media screen and (max-width: 767px) {
    .ui-datepicker.ui-widget.ui-widget-content {
        margin-top: 0;
        -webkit-box-shadow: 0 0 20px #5f5752;
        box-shadow: 0 0 20px #5f5752;
    }
}

.ui-datepicker .ui-widget-header {
    padding: 10px 0;
    border: 0;
    background: #ffffff;
    color: #000000;
    font-weight: 400;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    margin-top: -2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 1px solid #dfdbd2;
    background: #ffffff;
    color: #000000;
    border-radius: 4px;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus,
.ui-datepicker .ui-button:hover,
.ui-datepicker .ui-button:focus {
    border: 1px solid #b7afa6;
    background: #F4F2ED;
    color: #ffffff;
}

.ui-datepicker .ui-datepicker-next-prev {
    top: 50%;
    left: 0;
}

.ui-datepicker .ui-datepicker-next-hover {
    top: 50%;
    right: 0;
}

.ui-datepicker .ui-icon-circle-triangle-w {
    background-position: -96px 0;
}

.ui-datepicker .ui-icon-circle-triangle-e {
    background-position: -32px 0;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar .Table-header {
    background-color: #ffffff;
    padding: 5px 0;
    font-weight: 600;
    color: #76685b;
}

.ui-datepicker td {
    padding: 6px 1px 0;
}

    .ui-datepicker td span,
    .ui-datepicker td a {
        padding: 0;
        height: 28px;
        line-height: 27px;
        text-align: center;
        color: #000000;
        font-weight: 600;
        border-radius: 4px;
    }

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
.ui-datepicker .ui-button.ui-state-disabled:hover,
.ui-datepicker .ui-button.ui-state-disabled:active {
    border: 1px solid transparent;
    background: #ffffff;
    color: #000000;
    font-weight: 600;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
    border: 1px solid #dfdbd2;
    background: #F4F2ED;
    color: #000000;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus,
.ui-datepicker .ui-button:hover,
.ui-datepicker .ui-button:focus {
    border: 1px solid #b7afa6;
    background: #F4F2ED;
    color: #000000;
    font-weight: 600;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active,
.ui-datepicker a.ui-button:active,
.ui-datepicker .ui-button:active,
.ui-datepicker .ui-button.ui-state-active:hover {
    border: 1px solid #d42724;
    background: #d42724;
    color: #ffffff;
    font-weight: 600;
}

.Dropdown--datepicker.is-active label.Control-labelError,
.Dropdown--timepicker.is-active label.Control-labelError {
    display: none !important;
}

.Dropdown--datepicker .Control,
.Dropdown--timepicker .Control {
    position: static;
}

.Dropdown--datepicker .Dropdown-current,
.Dropdown--timepicker .Dropdown-current {
    padding-left: 43px;
    height: 45px;
    border: 1px solid #dfdbd2;
    line-height: 22px;
}

.Dropdown--datepicker .Dropdown-content,
.Dropdown--timepicker .Dropdown-content {
    right: auto;
    top: 78px;
    padding-top: 10px;
    border: 1px solid #dfdbd2;
    border-radius: 0 0 4px 4px;
}

.Dropdown--datepicker .Timepicker,
.Dropdown--timepicker .Timepicker {
    margin-top: -5px;
    padding: 23px 5px 5px;
    width: 100%;
}

.Dropdown--datepicker .ui-datepicker.ui-widget.ui-widget-content,
.Dropdown--timepicker .ui-datepicker.ui-widget.ui-widget-content {
    padding: 15px 0 0;
    max-width: 220px;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

.Dropdown--datepicker .ui-datepicker td,
.Dropdown--timepicker .ui-datepicker td {
    background-color: #ffffff !important;
}

@media screen and (max-width: 999px) {
    .Dropdown--datepicker .Dropdown-content,
    .Dropdown--timepicker .Dropdown-content {
        top: 78px;
        max-width: 250px;
    }
}

.Dropdown--datepicker .Dropdown-content {
    width: 252px;
}

.Dropdown--timepicker .Dropdown-content {
    width: 215px;
}

@media screen and (max-width: 441px) {
    .Dropdown--timepickerHP .Dropdown-content {
        right: 0;
        left: auto;
    }
}

.Dropdown {
    position: relative;
}

    .Dropdown.is-active .Dropdown-current {
        z-index: 2;
        border-radius: 4px 4px 0 0;
    }

        .Dropdown.is-active .Dropdown-current .Icon--arrow {
            -webkit-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
        }

    .Dropdown.is-active .Dropdown-content {
        display: block;
    }

.Dropdown-current {
    position: relative;
    padding: 11px 30px;
    width: 100%;
    height: 43px;
    line-height: 21px;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.01em;
    background-color: #ffffff;
    border-radius: 4px;
    cursor: pointer;
}

    .Dropdown-current .Icon--arrow {
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
        width: 10px;
        height: 10px;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

.Dropdown-icon {
    position: absolute;
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 8px;
    height: 32px;
    line-height: 31px;
    border-right: 1px solid #e9e5dc;
    font-size: 13px;
    text-transform: uppercase;
}

    .Dropdown-icon .Icon--transport-tram {
        margin-top: -2px;
        width: 17px;
        height: 17px;
    }

    .Dropdown-icon .Icon--transport-bus {
        width: 13px;
        height: 13px;
    }

    .Dropdown-icon .Icon--alert-inverse {
        margin-left: 2px;
    }

.Dropdown-label {
    display: inline-block;
    width: 100%;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Dropdown-content {
    position: absolute;
    z-index: 1;
    top: 43px;
    left: 0;
    right: 0;
    display: none;
    margin-top: -5px;
    padding: 15px;
    padding-top: 10px;
    background-color: #ffffff;
    border-radius: 0 4px 4px 4px;
    -webkit-box-shadow: 0 12px 12px 0 rgba(95, 87, 82, 0.2);
    box-shadow: 0 12px 12px 0 rgba(95, 87, 82, 0.2);
}

    .Dropdown-content .Checkbox {
        margin: 5px 0;
        width: 100%;
    }

    .Dropdown-content .Icon {
        margin-right: 3px;
    }

    .Dropdown-content .Icon--color-red {
        fill: #d42724;
    }

.Dropdown--custom .Dropdown-content {
    right: -60px;
    padding-top: 10px;
}

.Dropdown--custom .ui-datepicker.ui-widget.ui-widget-content {
    padding: 15px 0 0;
    max-width: 220px;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

@media screen and (max-width: 999px) {
    .Dropdown--custom .Dropdown-content {
        right: auto;
        max-width: 250px;
    }
}

.Dropdown-link {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 12px 20px;
    min-height: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    background-color: #000000;
    line-height: 1.15;
    border: 1px solid transparent;
    color: #ffffff;
    -webkit-appearance: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 4px;
    white-space: nowrap;
    margin: 0;
    padding: 8px 10px;
    min-height: 16px;
    line-height: 16px;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #dfdbd2;
    text-transform: none;
    margin: 5px 0 0;
    text-align: left;
}

    .Dropdown-link.extraPadding {
        padding: 14px 20px;
    }

@media screen and (max-width: 999px) {
    .Dropdown-link.extraPadding {
        padding: 12px 20px;
    }
}

.Dropdown-link:hover,
.Dropdown-link:focus {
    background-color: #333333;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.Dropdown-link:active,
.Dropdown-link.is-active {
    color: white;
    background-color: #4d4d4d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Dropdown-link.is-error,
.Dropdown-link.Button--disabled,
.Dropdown-link:disabled {
    cursor: default;
    color: #dfdbd2;
    background-color: #5f5752;
}

.Dropdown-link:hover,
.Dropdown-link:focus {
    background-color: #ae1014;
    border: 1px solid #ae1014;
    color: #ffffff;
}

.Expand-title {
    display: none;
}

@media screen and (max-width: 767px) {
    .Expand--xs-borderTop {
        border-top: 1px solid #cbdce5;
    }

    .Expand--xs {
        border-bottom: 1px solid #cbdce5;
    }

    .Expand-title {
        position: relative;
        display: block;
        cursor: pointer;
        padding: 20px 20px;
        vertical-align: middle;
        margin-bottom: 0 !important;
        text-align: left;
    }

        .Expand-title.ProductHp-subTitle,
        .Expand-title.ProductInfo-subTitle {
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.01em;
        }

            .Expand-title.ProductHp-subTitle .Heading--cursiveCount,
            .Expand-title.ProductInfo-subTitle .Heading--cursiveCount {
                font-size: 14px;
                line-height: 1em;
            }

        .Expand-title:before {
            position: absolute;
            right: 17px;
            top: 27px;
            content: "";
            display: block;
            width: 5px;
            height: 2px;
            background-color: black;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: -webkit-transform 0.25s ease;
            transition: -webkit-transform 0.25s ease;
            transition: transform 0.25s ease;
            transition: transform 0.25s ease, -webkit-transform 0.25s ease;
        }

        .Expand-title:after {
            position: absolute;
            right: 20px;
            top: 27px;
            content: "";
            display: block;
            width: 5px;
            height: 2px;
            background-color: black;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
            -webkit-transition: -webkit-transform 0.25s ease;
            transition: -webkit-transform 0.25s ease;
            transition: transform 0.25s ease;
            transition: transform 0.25s ease, -webkit-transform 0.25s ease;
        }

        .Expand-title.opened:before {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: -webkit-transform 0.25s ease;
            transition: -webkit-transform 0.25s ease;
            transition: transform 0.25s ease;
            transition: transform 0.25s ease, -webkit-transform 0.25s ease;
        }

        .Expand-title.opened:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: -webkit-transform 0.25s ease;
            transition: -webkit-transform 0.25s ease;
            transition: transform 0.25s ease;
            transition: transform 0.25s ease, -webkit-transform 0.25s ease;
        }

    .Expand-content {
        padding: 0 9px 15px;
        display: none;
    }

        .Expand-content.opened {
            display: block;
            -webkit-transition: max-height 0.25s ease;
            transition: max-height 0.25s ease;
        }
}

.Form-row {
    margin-left: -10px;
    margin-right: -10px;
}

.Form-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 100%;
    width: 100%;
    margin-top: 0;
    margin-bottom: 5px;
}

    .Form-item.is-smActive {
        display: none;
    }

@media screen and (max-width: 999px) {
    .Form-item.Form-item--alignLeft {
        text-align: left;
    }

    .Form-item.Form-item--alignRight {
        text-align: right;
    }

    .Form-item.is-smActive {
        display: block;
    }
}

.Checkbox {
    display: inline-block;
    position: relative;
    margin: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .Checkbox.is-error .Control-validation {
        color: #d42724;
    }

    .Checkbox.is-error input,
    .Checkbox.is-error textarea,
    .Checkbox.is-error div.fancy-select div.trigger {
        border-color: #d42724 !important;
    }

    .Checkbox.is-error div.fancy-select .options {
        border-color-left: #d42724 !important;
        border-color-right: #d42724 !important;
        border-color-bottom: #d42724 !important;
    }

    .Checkbox input {
        position: absolute;
        top: 2px;
        z-index: -1;
        opacity: 0;
    }

        .Checkbox input:checked ~ .Checkbox-control {
            border-color: #dfdbd2;
        }

            .Checkbox input:checked ~ .Checkbox-control:after {
                visibility: visible;
                border-color: #000000;
                -webkit-transition: border 200ms ease;
                transition: border 200ms ease;
            }

        .Checkbox input:disabled:checked ~ .Checkbox-control {
            cursor: not-allowed;
        }

            .Checkbox input:disabled:checked ~ .Checkbox-control:after {
                visibility: visible;
                border-color: #dfdbd2;
            }

        .Checkbox input:disabled ~ .Checkbox-control {
            cursor: not-allowed;
        }

            .Checkbox input:disabled ~ .Checkbox-control:after {
                visibility: hidden;
            }

        .Checkbox input:disabled ~ .Checkbox-label {
            cursor: not-allowed;
            color: #a1aab7;
        }

        .Checkbox input:focus ~ .Checkbox-control,
        .Checkbox input:active ~ .Checkbox-control {
            border-color: #b7afa6;
            -webkit-box-shadow: 0 1px 5px #e0dddb;
            box-shadow: 0 1px 5px #e0dddb;
        }

.Checkbox-control {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    margin-top: -1px;
    display: block;
    width: 19px;
    height: 19px;
    background-color: white;
    border: 1px solid #dfdbd2;
    -webkit-transition: 240ms;
    transition: 240ms;
    border-radius: 4px;
}

    .Checkbox-control:after {
        visibility: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        left: 6px;
        top: 3px;
        display: table;
        width: 5px;
        height: 10px;
        border: 2px solid #000000;
        border-top: 0;
        border-left: 0;
        content: '';
    }

.Checkbox-label {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.3;
    padding-left: 28px;
}

.Checkbox-label--textBigger .Checkbox-label {
    margin-top: -1px;
    font-size: 15px;
    font-weight: 600;
}

.Checkbox-label.Checkbox-label--colorWhite {
    color: #ffffff;
}

.Checkbox-label--colorA .Checkbox-label {
    color: #4EB370;
}

.Checkbox-label--colorB .Checkbox-label {
    color: #EEAD00;
}

.Checkbox-label--colorC .Checkbox-label {
    color: #C10141;
}

.Checkbox-label.Checkbox-label--Icon .IconInverse {
    fill: #ffffff;
}

.Grid {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
}

    .Grid.Grid--fontsizeReset {
        font-size: 0;
    }

.GridFlex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .GridFlex .Grid-flex--linkSvg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .GridFlex.BoxSeparator {
        position: relative;
        padding-top: 20px;
    }

    .GridFlex.BoxSeparator--line::before {
        content: '';
        position: absolute;
        bottom: 35px;
        left: 0;
        display: block;
        background: #e9e5dc;
        width: 100%;
        height: 1px;
        border: 0;
        z-index: 0;
    }

    .GridFlex.GridFlex--Column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .GridFlex.GridFlex--noAlignMiddle {
        -webkit-box-align: inherit;
        -webkit-align-items: inherit;
        -moz-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
    }

    .GridFlex.GridFlex--alignMiddle {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .GridFlex.GridFlex--alignFlexStart {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .GridFlex.GridFlex--end {
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }

    .GridFlex.Grid--spaceBetween {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 15px 0;
    }

    .GridFlex.Grid--spaceModified {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 15px 0;
    }

@media screen and (max-width: 999px) {
    .GridFlex.Grid--spaceModified {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .GridFlex.Grid--spaceModified {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.GridFlex.GridFlex--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 999px) {
    .GridFlex.GridFlex--center.GridFlex--column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.GridFlex.GridFlex--justifyLeft {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (max-width: 999px) {
    .GridFlex.GridFlex--wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 999px) {
    .GridFlex.GridFlex--smCenter {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .GridFlex.GridFlex--xsAlignFlexEnd {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.GridFlex .GridFlex-flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}

.GridFlex .GridFlex-flex2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2 1;
    -moz-box-flex: 2;
    -ms-flex: 2 1;
    flex: 2 1;
}

.GridFlex .GridFlex-flex3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3 1;
    -moz-box-flex: 3;
    -ms-flex: 3 1;
    flex: 3 1;
}

.GridFlex .GridFlex-flex4 {
    -webkit-box-flex: 4;
    -webkit-flex: 4 1;
    -moz-box-flex: 4;
    -ms-flex: 4 1;
    flex: 4 1;
}

    .GridFlex .GridFlex-flex4 ul li {
        font-size: 14px;
    }

.GridFlex .GridFlex-flex5 {
    -webkit-box-flex: 5;
    -webkit-flex: 5 1;
    -moz-box-flex: 5;
    -ms-flex: 5 1;
    flex: 5 1;
}

.GridFlex .GridFlex--xsFlex1 {
    display: none;
}

@media screen and (max-width: 767px) {
    .GridFlex .GridFlex--xsFlex1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (max-width: 767px) {
    .GridFlex .GridFlex--xsFlex5 {
        -webkit-box-flex: 5;
        -webkit-flex: 5 1;
        -moz-box-flex: 5;
        -ms-flex: 5 1;
        flex: 5 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.GridFlex-eqWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    .GridFlex-eqWrap .GridFlex-equalHW {
        margin: 0 7px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
    }

@media screen and (max-width: 767px) {
    .GridFlex--xsFullWidth {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -moz-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
    }
}

@media screen and (max-width: 999px) {
    .GridFlex--smColumn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .GridFlex--smColumn.GridFlex--smColumnAlignLeft {
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }
}

@media screen and (max-width: 767px) {
    .GridFlex--xsColumn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .GridFlex--xsColumn.GridFlex--xsColumnAlignLeft {
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }
}

@media screen and (max-width: 767px) {
    .GridFlex--xsColumnReverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 767px) {
    .GridFlex--xsEnd {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 767px) {
    .GridFlex--xsWrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
/**
 * Modifier: middle-align grid cells
 */
.Grid--alignMiddle .Grid-cell {
    vertical-align: middle;
}
/**
 * Modifier: bottom-align grid cells
 */
.Grid--alignBottom .Grid-cell {
    vertical-align: bottom;
}
/**
 * Modifier: gutters
 */
.Grid--withGutter20 {
    margin: 0 calc(-10px);
}

@media screen and (max-width: 999px) {
    .Grid--withGutter20 {
        margin: 0 calc(-7.5px);
    }
}

.Grid--withGutter20 > .Grid-cell {
    padding: 0 calc(10px);
}

@media screen and (max-width: 999px) {
    .Grid--withGutter20 > .Grid-cell {
        padding: 0 calc(7.5px);
    }
}

.Grid--withGutter20Half {
    margin: 0 calc(-5px);
}

    .Grid--withGutter20Half > .Grid-cell {
        padding: 0 calc(5px);
    }

.Grid--withGutter {
    margin: 0 calc(-12.5px);
}

@media screen and (max-width: 999px) {
    .Grid--withGutter {
        margin: 0 calc(-7.5px);
    }
}

.Grid--withGutter > .Grid-cell {
    padding: 0 calc(12.5px);
}

@media screen and (max-width: 999px) {
    .Grid--withGutter > .Grid-cell {
        padding: 0 calc(7.5px);
    }
}

.Grid--withGutterHalf {
    margin: 0 calc(-6.25px);
}

    .Grid--withGutterHalf > .Grid-cell {
        padding: 0 calc(6.25px);
    }

.Grid-cell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    font-size: 100%;
}

.Heading {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #000000;
    margin-top: 0;
    letter-spacing: 0.01em;
    font-size: 24px;
    line-height: 1;
}

    .Heading.Heading--light {
        font-weight: 400;
    }

.Heading--1 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .Heading--1 {
        font-size: 18.9px;
        line-height: 25.9px;
        margin-bottom: 15px;
    }
}

.Heading--1-pageTitle {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .Heading--1-pageTitle {
        font-size: 18.9px;
        line-height: 25.9px;
        margin-bottom: 15px;
    }
}

.Heading--2 {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-top: 30px;
    margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
    .Heading--2 {
        font-size: 16.8px;
        line-height: 21px;
    }
}

.Heading--3 {
    font-size: 1.3em;
    line-height: 26px;
    margin-top: 25px;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .Heading--3 {
        margin-top: 20px;
    }
}

.Heading--4 {
    font-size: 1.05em;
    line-height: 23px;
    margin-top: 25px;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .Heading--4 {
        margin-top: 15px;
    }
}

.Heading--5 {
    font-size: 0.94em;
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .Heading--5 {
        margin-top: 15px;
    }
}

.Heading--6 {
    font-size: 0.9em;
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .Heading--6 {
        margin-top: 15px;
    }
}

.Heading--login {
    display: block;
    color: #333;
    font-size: 0.86em;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}

.Heading--section {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #000000;
    margin-top: 0;
    letter-spacing: 0.01em;
    font-size: 24px;
    line-height: 1;
    font-size: 1.5em;
    line-height: 1.25em;
    margin-top: 30px;
    margin-bottom: 18px;
    margin-bottom: 30px;
    text-align: center;
}

    .Heading--section.Heading--light {
        font-weight: 400;
    }

@media screen and (max-width: 767px) {
    .Heading--section {
        font-size: 16.8px;
        line-height: 21px;
    }
}

@media screen and (max-width: 767px) {
    .Heading--section {
        margin-bottom: 20px;
    }
}

.Heading--article {
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.01em;
}

.Heading--white {
    color: #ffffff;
    text-shadow: 0 0 1px #5f5752;
}

.Heading-odd {
    position: relative;
    display: inline-block;
    margin: 0 15px;
    width: 15px;
    height: 1px;
    top: 17px;
    background-color: #d42724;
    color: transparent;
}

    .Heading-odd:before,
    .Heading-odd:after {
        content: "";
        position: absolute;
        margin-top: -4px;
        top: 50%;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #d42724;
    }

    .Heading-odd:before {
        left: -8px;
    }

    .Heading-odd:after {
        right: -8px;
    }

@media screen and (max-width: 767px) {
    .Heading-odd {
        top: 14px;
    }
}

.Hr {
    margin-top: 30px;
    margin-right: -17px;
    margin-bottom: 20px;
    margin-left: -17px;
    height: 1px;
    background-color: #cbdce5;
    border: 0;
}

@media screen and (max-width: 999px) {
    .Hr {
        margin-top: 15px;
        margin-right: -17px;
        margin-bottom: 10px;
        margin-left: -17px;
    }

    .Container .Hr {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.Hr.Hr--brown {
    background-color: #e9e5dc;
}

.Hr.Hr--greyLight {
    background-color: #7f7f7f;
}

.Hr.Hr--white {
    background-color: #ffffff;
}

.Info {
    display: inline-block;
    border-radius: 50%;
    background-clip: padding-box;
    width: 19px;
    height: 19px;
    color: white;
    font-size: 13px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    margin-left: 5px;
    text-decoration: none;
    cursor: help;
    background-color: #44bdb4;
}

    .Info.Info--small {
        width: 15px;
        height: 15px;
        line-height: 14px;
        font-size: 11px;
    }

    .Info.Info--green {
        background: none;
        text-align: center;
        color: #44bdb4;
        border: 1px solid #44bdb4;
        font-weight: 500;
    }

    .Info.Info--vector {
        width: auto !important;
        height: auto !important;
        line-height: inherit;
        border: 0 !important;
        margin-left: 0;
        vertical-align: text-bottom;
        font-size: 19px;
    }

        .Info.Info--vector.Info--small {
            font-size: 16px;
        }

.Info-content {
    display: none !important;
}

.Icon-agenda,
.Icon-pdf {
    display: inline-block;
    padding: 3px;
    margin: 0 3px;
    fill: currentColor;
    height: 2em;
    width: 1.3em;
    vertical-align: middle;
    /* Align more nicely with capital letters */
    position: relative;
    top: -0.0625em;
    background-color: #76685b;
    border-radius: 3px;
}

    .Icon-agenda path,
    .Icon-pdf path {
        vector-effect: non-scaling-stroke;
    }

    .Icon-agenda.Icon-symbol,
    .Icon-pdf.Icon-symbol {
        color: #ffffff;
        fill: currentColor;
    }

    .Icon-agenda.Icon-roundedBg,
    .Icon-pdf.Icon-roundedBg {
        border-radius: 50%;
    }

@media screen and (max-width: 767px) {
    .Icon-agenda,
    .Icon-pdf {
        height: 1.3em;
        width: 1.1em;
    }
}

.Icon-agenda {
    padding: 3px 1px;
    height: 1.1em;
    width: 1em;
}

.Icon-black {
    background-color: #000000;
}

.Icon-darkBrown {
    fill: currentColor;
    margin-left: 3px;
    color: #76685b;
}

.Icon-whiteFill {
    color: #ffffff !important;
    fill: currentColor;
}

.Icon-greyFill {
    color: #545351 !important;
    fill: currentColor;
}

.Icon-blackFill {
    color: #000000;
    fill: currentColor;
}

.Icon--whiteBgCircle {
    background-color: #ffffff;
    border-radius: 50%;
    padding: 6px;
    width: 1.8em;
    height: 1.8em;
    color: #545351;
    fill: currentColor;
}

.Icon-listAgenda {
    line-height: 1;
    margin: 0;
    vertical-align: bottom;
    display: inline;
}

.Icon-pdf {
    padding: 0;
    background-color: transparent;
}

    .Icon-pdf.Icon-symbol {
        color: #d42724;
        fill: currentColor;
    }

.Icon-verticalBottom {
    vertical-align: bottom;
}

.Icon-verticalTop {
    vertical-align: top;
}

.Icon-revertVertical {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.Icon-arrowDown {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.LazyImg {
    display: none;
}

    .LazyImg.is-loaded {
        background: none;
    }

.Link {
    border: 0;
    background: none;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 400;
}

.wysiwyg .Link,
.Wysiwyg .Link {
    color: #000000;
}

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

.Link--iconRight svg {
    margin-left: 5px;
    font-size: .6em;
}

.Link--iconLeft svg {
    margin-right: 5px;
    font-size: .6em;
}

.Link--rotate180deg svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.Link--rotate90deg svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.Link--rotate270deg svg {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.Link--fontWeight400 {
    font-weight: 400;
}

.Link--iconLeftBigger svg {
    margin-right: 8px;
    font-size: .9em;
}

.Link--black {
    color: #d42724;
}

.Link--targetBlank {
    padding-right: 5px;
}

    .Link--targetBlank:after {
        content: "";
        position: relative;
        top: 1px;
        display: inline-block;
        margin-left: 3px;
        width: 10px;
        height: 10px;
        background-size: contain;
    }

.Link--targetBlankRed {
    padding-right: 5px;
}

    .Link--targetBlankRed:after {
        content: "";
        position: relative;
        top: 1px;
        display: inline-block;
        margin-left: 3px;
        width: 10px;
        height: 10px;
        background-size: contain;
    }

    .Link--targetBlankRed:after {
        background-image: url("data:image/svg+xml,%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23d42724%22%20d%3D%22M240.835%2C2.5h-89.868c-7.259%2C0-13.163%2C5.906-13.163%2C13.165c0%2C7.259%2C5.904%2C13.164%2C13.163%2C13.164h58.089l-88.578%2C88.578c-2.487%2C2.487-3.855%2C5.792-3.855%2C9.309c0%2C3.516%2C1.368%2C6.822%2C3.855%2C9.308c2.485%2C2.485%2C5.791%2C3.855%2C9.306%2C3.855c3.519%2C0%2C6.826-1.37%2C9.311-3.856l88.577-88.576v58.087c0%2C7.259%2C5.905%2C13.164%2C13.163%2C13.164c7.26%2C0%2C13.165-5.905%2C13.165-13.164V15.665C254%2C8.406%2C248.095%2C2.5%2C240.835%2C2.5z%22%2F%3E%3Cpath%20fill%3D%22%23d42724%22%20d%3D%22M195.901%2C114.835c-7.26%2C0-13.165%2C5.905-13.165%2C13.165v99.172H29.328V73.763H128.5c7.26%2C0%2C13.165-5.906%2C13.165-13.165c0-7.258-5.905-13.164-13.165-13.164H16.165C8.906%2C47.435%2C3%2C53.34%2C3%2C60.599v179.737c0%2C7.259%2C5.906%2C13.164%2C13.165%2C13.164h179.737c7.26%2C0%2C13.165-5.905%2C13.165-13.165V128C209.066%2C120.741%2C203.161%2C114.835%2C195.901%2C114.835z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }

.Link--targetBlankWhite {
    padding-right: 5px;
}

    .Link--targetBlankWhite:after {
        content: "";
        position: relative;
        top: 1px;
        display: inline-block;
        margin-left: 3px;
        width: 10px;
        height: 10px;
        background-size: contain;
    }

    .Link--targetBlankWhite:after {
        background-image: url("data:image/svg+xml,%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M240.835%2C2.5h-89.868c-7.259%2C0-13.163%2C5.906-13.163%2C13.165c0%2C7.259%2C5.904%2C13.164%2C13.163%2C13.164h58.089l-88.578%2C88.578c-2.487%2C2.487-3.855%2C5.792-3.855%2C9.309c0%2C3.516%2C1.368%2C6.822%2C3.855%2C9.308c2.485%2C2.485%2C5.791%2C3.855%2C9.306%2C3.855c3.519%2C0%2C6.826-1.37%2C9.311-3.856l88.577-88.576v58.087c0%2C7.259%2C5.905%2C13.164%2C13.163%2C13.164c7.26%2C0%2C13.165-5.905%2C13.165-13.164V15.665C254%2C8.406%2C248.095%2C2.5%2C240.835%2C2.5z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M195.901%2C114.835c-7.26%2C0-13.165%2C5.905-13.165%2C13.165v99.172H29.328V73.763H128.5c7.26%2C0%2C13.165-5.906%2C13.165-13.165c0-7.258-5.905-13.164-13.165-13.164H16.165C8.906%2C47.435%2C3%2C53.34%2C3%2C60.599v179.737c0%2C7.259%2C5.906%2C13.164%2C13.165%2C13.164h179.737c7.26%2C0%2C13.165-5.905%2C13.165-13.165V128C209.066%2C120.741%2C203.161%2C114.835%2C195.901%2C114.835z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }

.Link--targetBlankBlack {
    padding-right: 5px;
}

    .Link--targetBlankBlack:after {
        content: "";
        position: relative;
        top: 1px;
        display: inline-block;
        margin-left: 3px;
        width: 10px;
        height: 10px;
        background-size: contain;
    }

    .Link--targetBlankBlack:after {
        background-image: url("data:image/svg+xml,%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M240.835%2C2.5h-89.868c-7.259%2C0-13.163%2C5.906-13.163%2C13.165c0%2C7.259%2C5.904%2C13.164%2C13.163%2C13.164h58.089l-88.578%2C88.578c-2.487%2C2.487-3.855%2C5.792-3.855%2C9.309c0%2C3.516%2C1.368%2C6.822%2C3.855%2C9.308c2.485%2C2.485%2C5.791%2C3.855%2C9.306%2C3.855c3.519%2C0%2C6.826-1.37%2C9.311-3.856l88.577-88.576v58.087c0%2C7.259%2C5.905%2C13.164%2C13.163%2C13.164c7.26%2C0%2C13.165-5.905%2C13.165-13.164V15.665C254%2C8.406%2C248.095%2C2.5%2C240.835%2C2.5z%22%2F%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M195.901%2C114.835c-7.26%2C0-13.165%2C5.905-13.165%2C13.165v99.172H29.328V73.763H128.5c7.26%2C0%2C13.165-5.906%2C13.165-13.165c0-7.258-5.905-13.164-13.165-13.164H16.165C8.906%2C47.435%2C3%2C53.34%2C3%2C60.599v179.737c0%2C7.259%2C5.906%2C13.164%2C13.165%2C13.164h179.737c7.26%2C0%2C13.165-5.905%2C13.165-13.165V128C209.066%2C120.741%2C203.161%2C114.835%2C195.901%2C114.835z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }

.List {
    position: relative;
    margin-bottom: 15px;
    padding-top: 8px;
    line-height: 1.25em;
    font-size: 0.87em;
    letter-spacing: 0.01em;
}

    .List li {
        position: relative;
        color: #000000;
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 1.3;
        padding-bottom: 7px;
        padding-left: 15px;
    }

        .List li:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 5px;
            width: 1px;
            bottom: -10px;
            background-color: #7f7f7f;
        }

        .List li:after {
            content: "";
            position: absolute;
            top: 4px;
            left: 0;
            width: 11px;
            height: 11px;
            background-color: #000000;
            border: 2px solid #ffffff;
            border-radius: 50%;
        }

        .List li:last-child {
            padding-bottom: 0;
        }

            .List li:last-child:before {
                display: none;
            }

        .List li ul {
            padding: 8px 0 0;
            margin-bottom: 0;
        }

            .List li ul li:last-child {
                padding-bottom: 0;
            }

                .List li ul li:last-child:before {
                    display: block;
                }

            .List li ul li:before {
                content: "";
                position: absolute;
                top: 7px;
                left: 1px;
                width: 6px;
                height: 6px;
                background-color: transparent;
                border: 1px solid #000000;
                border-radius: 50%;
            }

            .List li ul li:after {
                display: none;
            }

    .List.List--colorRed li:before {
        background-color: #d42724;
    }

    .List.List--colorRed li:after {
        background-color: #d42724;
        border: 2px solid #ffffff;
    }

    .List.List--colorBgBrown li:before {
        background-color: #d42724;
    }

    .List.List--colorBgBrown li:after {
        background-color: #d42724;
        border: 2px solid #e9e5dc;
    }

    .List li:last-child {
        padding-bottom: 0;
    }

.List--ordered {
    list-style-type: none;
    counter-reset: ol-counter;
}

    .List--ordered.noreset {
        counter-reset: none;
    }

    .List--ordered li {
        padding-left: 25px;
    }

        .List--ordered li:before {
            content: counter(ol-counter) ".";
            counter-increment: ol-counter;
            position: absolute;
            left: 0;
            top: -1px;
            width: 16px;
            height: 16px;
            background: transparent;
            line-height: 17px;
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 14px;
            font-weight: 700;
            text-align: center;
            color: #000000;
        }

        .List--ordered li:last-child:before {
            display: block;
        }

        .List--ordered li:after {
            display: none;
        }

        .List--ordered li ol {
            padding: 10px 0 0;
            margin-bottom: 0;
        }

.Message {
    font-size: 14px;
    line-height: 1.4;
    background: #f5f5f5;
    padding: 20px;
    margin-bottom: 15px;
}
/**
 * Modifier: success
 */
.Message--success {
    background: #9CCC65;
}
/**
 * Modifier: error
 */
.Message--error {
    color: #fff;
    background: #E53935;
}

.Overlay-opened {
    height: 100%;
    overflow: hidden;
}

.Overlay {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000000;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-transition-delay: 266ms;
    transition-delay: 266ms;
}

.Overlay--navigation {
    z-index: 2001;
}

@media screen and (max-width: 999px) {
    .Overlay--navigation.show {
        visibility: visible;
    }
}

.Overlay--header {
    z-index: 10;
    top: 100px;
}

@media screen and (max-width: 999px) {
    .Overlay--header {
        top: 50px;
    }
}

.Overlay--header .Header {
    position: relative;
    z-index: 20;
}

.Overlay--header.show {
    visibility: visible;
    opacity: 0.5;
}

.Overlay--loading {
    z-index: 999999;
}

    .Overlay--loading .Overlay-icon {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -40px;
        margin-left: -40px;
    }

    .Overlay--loading .Overlay-text {
        position: fixed;
        top: 50%;
        width: 100%;
        text-align: center;
        margin-top: 25px;
        color: white;
        font-size: 15px;
        font-weight: 400;
        font-family: 'Source Sans Pro', sans-serif;
    }

    .Overlay--loading .Header {
        position: relative;
        z-index: 20;
    }

    .Overlay--loading.show {
        visibility: visible;
        opacity: 0.8;
    }

.Radio {
    display: inline-block;
    position: relative;
    margin: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .Radio:hover input:checked ~ .Radio-control:after {
        background-color: #b7afa6;
    }

    .Radio.is-error .Control-validation {
        color: #d42724;
    }

    .Radio.is-error input,
    .Radio.is-error textarea,
    .Radio.is-error div.fancy-select div.trigger {
        border-color: #d42724 !important;
    }

    .Radio.is-error div.fancy-select .options {
        border-color-left: #d42724 !important;
        border-color-right: #d42724 !important;
        border-color-bottom: #d42724 !important;
    }

    .Radio input {
        position: absolute;
        top: 2px;
        z-index: -1;
    }

        .Radio input:checked ~ .Radio-control {
            border-color: #dfdbd2;
        }

            .Radio input:checked ~ .Radio-control:after {
                visibility: visible;
                background-color: #000000;
                -webkit-animation-name: bounceIn;
                animation-name: bounceIn;
                -webkit-animation-duration: .4s;
                animation-duration: .4s;
            }

        .Radio input:disabled {
            opacity: 0;
        }

            .Radio input:disabled:checked ~ .Radio-control:after {
                visibility: visible;
                background-color: #dfdbd2;
            }

            .Radio input:disabled ~ .Radio-control:after {
                visibility: hidden;
            }

            .Radio input:disabled ~ .Radio-label {
                color: #a1aab7;
            }

.Radio-control {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: white;
    border: 1px solid #c6ced5;
    border-radius: 50%;
    -webkit-transition: 240ms;
    transition: 240ms;
}

    .Radio-control:after {
        visibility: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        left: 5px;
        top: 5px;
        display: table;
        width: 8px;
        height: 8px;
        background-color: #000000;
        border-radius: 50%;
        content: '';
    }

.Radio-label {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.3;
    margin-left: 28px;
}

.RadioButton {
    display: inline-block;
    position: relative;
    text-align: center;
    height: 40px;
}

    .RadioButton input[type="radio"] {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
        cursor: pointer;
    }

        .RadioButton input[type="radio"]:not(.is-disabled):not(:disabled):hover + .RadioButton-label,
        .RadioButton input[type="radio"]:checked + .RadioButton-label {
            background-color: #d42724;
            color: #fff;
        }

        .RadioButton input[type="radio"]:disabled + .RadioButton-label,
        .RadioButton input[type="radio"].is-disabled + .RadioButton-label {
            border: 1px solid #a1aab7;
            opacity: .5;
        }

.RadioButton-label {
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    outline: 0;
    z-index: 1;
    padding: 0 10px;
    border: 1px solid #d42724;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.RangeSlider {
    line-height: 20px;
}

.RangeSlider-header {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #000000;
    margin-top: 0;
    letter-spacing: 0.01em;
    font-size: 24px;
    line-height: 1;
    font-size: 1.05em;
    line-height: 23px;
    margin-top: 25px;
    margin-bottom: 10px;
}

    .RangeSlider-header.Heading--light {
        font-weight: 400;
    }

@media screen and (max-width: 767px) {
    .RangeSlider-header {
        margin-top: 15px;
    }
}

.RangeSlider-title {
    font-size: 14px;
    font-size: 1.4rem;
}

.RangeSlider-range {
    position: relative;
    height: 20px;
    background: #d3e4ed;
    border: 1px solid #cbdce5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    width: 100%;
}

    .RangeSlider-range .RangeSlider-rangeContent {
        margin-right: -2px;
        position: relative;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

        .RangeSlider-range .RangeSlider-rangeContent:after {
            content: "";
            display: block;
            width: 1px;
            height: 25px;
            background: white;
            position: absolute;
            right: 0;
            top: 0;
        }

    .RangeSlider-range .RangeSlider-segment {
        position: relative;
        display: inline-block;
        height: 20px;
        text-align: center;
    }

        .RangeSlider-range .RangeSlider-segment .RangeSlider-value {
            display: block;
            background: #d42724;
            font-weight: bold;
            color: white;
            margin: -1px;
            position: absolute;
            width: 100%;
            left: 0;
        }

        .RangeSlider-range .RangeSlider-segment .RangeSlider-legend {
            display: block;
            width: 40px;
            right: 0;
            margin-right: -20px;
            bottom: -25px;
            position: absolute;
        }

        .RangeSlider-range .RangeSlider-segment:first-child .RangeSlider-legend {
            margin-right: 0;
            left: -2px;
            text-align: left;
        }

        .RangeSlider-range .RangeSlider-segment:last-child .RangeSlider-legend {
            margin-right: 0;
            text-align: right;
        }

.Paginator {
    position: relative;
    padding: 20px 0;
    height: 70px;
    zoom: 1;
    text-align: center;
}

    .Paginator:before,
    .Paginator:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .Paginator:after {
        clear: both;
    }

    .Paginator:before,
    .Paginator:after {
        content: "";
        display: table;
    }

    .Paginator:after {
        clear: both;
    }

@media screen and (max-width: 767px) {
    .Paginator {
        height: auto;
    }
}

.Paginator--top {
    margin-top: -90px;
    margin-bottom: 10px;
}

@media (max-width: 1200px) {
    .Paginator--top {
        margin-top: -20px;
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .Paginator--top {
        display: none;
    }
}

.Paginator-list {
    position: absolute;
    right: 0;
    display: inline-block;
    margin-top: 2px;
    list-style: none;
    font-size: 0;
    padding: 0;
}

@media screen and (max-width: 767px) {
    .Paginator-list {
        position: static;
        display: block;
        margin-bottom: 20px;
    }

        .Paginator-list.Paginator-list--nextBefore {
            margin-top: 20px;
            margin-bottom: 0;
        }
}

.Paginator-item {
    display: inline-block;
    width: 35px;
    height: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    margin-left: 1px;
}

.Paginator-item--dots {
    width: 20px;
}

.Paginator-item.is-active .Paginator-link {
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px #dfdbd2;
    box-shadow: 0 0 5px #dfdbd2;
    color: #d42724;
}

.Paginator-link {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 40px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    color: #000000;
    font-size: 16px;
    text-decoration: none;
    border-radius: 4px;
}

    .Paginator-link:hover {
        background: #ffffff;
        -webkit-box-shadow: 0 0 5px #dfdbd2;
        box-shadow: 0 0 5px #dfdbd2;
    }

    .Paginator-link.isThousandsNumber {
        font-size: 10px;
        line-height: 28px;
    }

.Paginator-link--next {
    left: 5px;
}

    .Paginator-link--next:before {
        content: "";
        position: absolute;
        top: 16px;
        left: 12px;
        border: solid black;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border-color: #000000;
    }

.Paginator-link--prev {
    right: 5px;
}

    .Paginator-link--prev:before {
        content: "";
        position: absolute;
        top: 16px;
        left: 15px;
        border: solid black;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        border-color: #000000;
    }

.Paginator-link.is-inactive {
    opacity: 0.7;
    cursor: not-allowed;
}

.Paginator-icon {
    line-height: 40px;
}

.ProgressBar-bar {
    display: block;
    width: 100%;
    height: 5px;
    background-color: #d8dfe5;
    border-radius: 50px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.ProgressBar-percent {
    position: relative;
    display: block;
    height: 5px;
    background-color: #44bdb4;
    border-radius: 50px;
}

    .ProgressBar-percent:after {
        content: "";
        position: absolute;
        right: -5px;
        top: 7px;
        border-style: solid;
        border-width: 0 5px 6px 5px;
        border-color: transparent transparent #000000 transparent;
    }

.ProgressBar-textFrom {
    display: inline-block;
    width: 50%;
    text-align: left;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.ProgressBar-textTo {
    display: inline-block;
    width: 50%;
    text-align: right;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.ProfileImage {
    zoom: 1;
}

    .ProfileImage:before,
    .ProfileImage:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .ProfileImage:after {
        clear: both;
    }

    .ProfileImage:before,
    .ProfileImage:after {
        content: "";
        display: table;
    }

    .ProfileImage:after {
        clear: both;
    }

.ProfileImage-label {
    display: inline-block;
    color: #333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 18px;
    padding-bottom: 10px;
    display: block;
    padding-top: 15px;
    padding-bottom: 5px;
}

    .ProfileImage-label span {
        color: #d42724;
        font-weight: 700;
    }

    .ProfileImage-label.Control-label--with-sublabel {
        width: 100%;
    }

    .ProfileImage-label .Control-sublabel {
        float: right;
        text-align: left;
        color: #73bb15;
        font-size: 12px;
        font-weight: 400;
        margin-top: 2px;
    }

.ProfileImage-preview {
    float: left;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin-right: 20px;
    cursor: pointer;
}

.ProfileImage-input {
    display: none;
}

.ProfileImage-choose,
.ProfileImage-remove {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: underline;
    cursor: pointer;
}

    .ProfileImage-choose:hover,
    .ProfileImage-remove:hover {
        text-decoration: none;
    }

.Popup-open {
    overflow: hidden;
}

.Popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4500;
    display: none;
    overflow: hidden;
    outline: 0;
}

    .Popup.is-visible {
        visibility: visible;
        opacity: 1;
        display: block;
        -webkit-transition: top 200ms ease-in-out, opacity 200ms ease-in-out;
        transition: top 200ms ease-in-out, opacity 200ms ease-in-out;
    }

.Popup-dialog {
    position: relative;
    max-width: 800px;
    margin: 28px auto;
    pointer-events: none;
}

@media screen and (max-width: 999px) {
    .Popup-dialog {
        max-width: 735px;
    }
}

@media screen and (max-width: 767px) {
    .Popup-dialog {
        width: auto;
        max-width: initial;
        margin: 16px;
    }
}

.Popup--centered .Popup-dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (28px * 2));
}

.Popup--slim .Popup-dialog {
    max-width: 610px;
}

.Popup--fullsize .Popup-dialog {
    max-width: 1180px;
}

.Popup-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #F4F2ED;
    -webkit-box-shadow: 0 0 50px rgba(26, 30, 34, 0.2);
    box-shadow: 0 0 50px rgba(26, 30, 34, 0.2);
    background-clip: padding-box;
    outline: 0;
}

.Popup-heading {
    padding: 20px 47px 20px 25px;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.Popup--slim .Popup-heading {
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    .Popup-heading {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 15px;
    }
}

.Popup-oveflowScroll {
    max-height: 480px;
    overflow: auto;
    margin-bottom: 20px;
}

.Popup-body {
    padding: 0 24px 24px;
    max-height: 480px;
    overflow: auto;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .Popup-body {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
}

.Popup--slim .Popup-body {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.Popup-close {
    position: absolute;
    padding: 10px;
    right: 13px;
    top: 8px;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.Popup--slim .Popup-close {
    right: 8px;
}

.Popup-close:hover {
    background-color: #a1aab7;
}

    .Popup-close:hover .Icon {
        pointer-events: none;
        fill: #ffffff;
    }

        .Popup-close:hover .Icon use {
            pointer-events: none;
        }

#Popup-container .Popup {
    display: none;
}

#pb-overlay {
    position: fixed;
    visibility: hidden;
    background-color: #000000;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 4499;
}

    #pb-overlay.show {
        visibility: visible;
        opacity: 0.34;
        -webkit-transition: opacity 450ms;
        transition: opacity 450ms;
    }

.pb-overlay {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.5;
    display: none;
}

    .pb-overlay .tbl {
        display: table;
        width: 100%;
        height: 100%;
    }

        .pb-overlay .tbl .cell {
            display: table-cell;
            padding: 5px 0;
            vertical-align: top;
            text-align: center;
        }

            .pb-overlay .tbl .cell strong {
                font-size: 18px;
                color: #fff;
                font-weight: 500;
            }

.pb-overlay__text {
    background: #f5f1eb;
    color: #404040;
    border: 1px solid #dbd4c8;
    padding: 20px;
    border-radius: 3px;
    width: 240px;
    margin: 0 auto;
    text-align: center;
}

.pb-overlay.show {
    display: block;
}

.Rating.is-error .Control-validation {
    padding-bottom: 0;
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: middle;
}

.Rating-wrapper {
    display: block;
}

.Rating-rateChart {
    display: inline-block;
    vertical-align: middle;
}

    .Rating-rateChart span {
        display: inline-block;
        width: 25px;
        height: 25px;
    }

    .Rating-rateChart .Star {
        display: inline-block;
        font-size: 25px;
        width: 25px;
        height: 25px;
    }

.Rating-preview {
    display: inline-block;
    color: #000000;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    vertical-align: bottom;
    padding-left: 5px;
}

.Rating-input {
    display: inline;
    opacity: 0;
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ResponsiveVideo {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    width: 100%;
}

    .ResponsiveVideo iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ResponsiveVideo video {
        width: 100% !important;
        height: auto !important;
    }

div.fancy-select {
    position: relative;
}

    div.fancy-select.fancy-select--flexRow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
    }

        div.fancy-select.fancy-select--flexRow:last-child {
            margin-bottom: 0;
        }

@media screen and (max-width: 999px) {
    div.fancy-select.fancy-select--flexRow {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

div.fancy-select select.fancy-selectInput {
    display: block;
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #e9e5dc;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    background: url('/jrportal/svg/source/arrow-down.svg') no-repeat right 15px center;
    background-size: 10px 10px;
}

div.fancy-select .fancy-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 200px;
    -moz-box-flex: 0;
    -ms-flex: 0 1 200px;
    flex: 0 1 200px;
}

@media screen and (max-width: 999px) {
    div.fancy-select .fancy-label {
        margin-bottom: 10px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}

div.fancy-select .fancy-selectBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 200px;
    -moz-box-flex: 0;
    -ms-flex: 0 1 200px;
    flex: 0 1 200px;
}

@media screen and (max-width: 999px) {
    div.fancy-select .fancy-selectBlock {
        margin-bottom: 10px;
    }
}

.select--tiny {
    display: inline-block;
    min-width: 150px;
    max-width: 200px;
    vertical-align: middle;
}

div.fancy-select.disabled {
    opacity: 0.5;
}

div.fancy-select:focus {
    outline: 0;
}

    div.fancy-select:focus .trigger:before {
        content: "";
        position: absolute;
        left: 2px;
        top: 2px;
        right: 2px;
        bottom: 2px;
        border: 1px dotted #555;
        width: auto;
        height: auto;
    }

div.fancy-select select:focus + div.trigger.open {
    border-color: #b7afa6;
}

div.fancy-select div.trigger {
    width: 100%;
    height: 45px;
    resize: none;
    color: #000000;
    letter-spacing: 0.01em;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin-bottom: 1px;
    border: 1px solid #dfdbd2;
    border-radius: 4px;
    background-color: white;
    font-size: 14px;
    line-height: 21px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 29px;
}

    div.fancy-select div.trigger.Input-label--phone420 {
        padding-left: 60px;
    }

    div.fancy-select div.trigger::-webkit-input-placeholder {
        color: #76685b;
    }

    div.fancy-select div.trigger::-moz-placeholder {
        color: #76685b;
    }

    div.fancy-select div.trigger::-ms-input-placeholder {
        color: #76685b;
    }

    div.fancy-select div.trigger::placeholder {
        color: #76685b;
    }

    div.fancy-select div.trigger[readonly] {
        color: #A19992;
    }

    div.fancy-select div.trigger.Control-inputDatepicker,
    div.fancy-select div.trigger.Control-inputTimepicker {
        position: relative;
        top: -2px;
        padding: 1px 0;
        height: auto;
        border: 0 none;
        color: #000000;
    }

    div.fancy-select div.trigger:focus {
        border-color: #b7afa6;
    }

.select--tiny div.fancy-select div.trigger {
    height: 30px;
    line-height: 30px;
    padding-right: 30px;
}

div.fancy-select div.trigger:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 19px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-color: #000000;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.select--tiny div.fancy-select div.trigger:after {
    top: 13px;
}

div.fancy-select div.trigger.open:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    border-color: #000000;
}

div.fancy-select div.trigger:before {
    content: "";
    position: absolute;
    right: 1px;
    top: 1px;
    display: block;
    width: 26px;
    height: 48px;
}

.select--tiny div.fancy-select div.trigger:before {
    height: 28px;
    line-height: 28px;
}

div.fancy-select .options {
    width: 100%;
    list-style: none;
    margin: 0;
    position: absolute;
    top: 40px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    font-size: 13px;
    font-weight: 400;
    overflow: auto;
    color: #404040;
    color: #333;
    background: #fff;
    border-left: 1px solid #b7afa6;
    border-right: 1px solid #b7afa6;
    border-bottom: 1px solid #b7afa6;
}

    div.fancy-select .options.Scroll {
        min-height: 0;
    }

    div.fancy-select .options.open {
        visibility: visible;
        top: 36px;
        opacity: 1;
    }

        div.fancy-select .options.open.Scroll {
            min-height: 200px;
        }

    div.fancy-select .options .options-list {
        margin-bottom: 0;
        padding-top: 0;
    }

    div.fancy-select .options li {
        padding: 14px 15px;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        margin-left: 0;
        border-top: 1px solid #dfdbd2;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.01em;
        line-height: 1.3;
    }

        div.fancy-select .options li:before,
        div.fancy-select .options li:after {
            display: none;
            content: "";
        }

        div.fancy-select .options li:first-child,
        div.fancy-select .options li:last-child {
            padding: 14px 15px;
        }

.select--tiny div.fancy-select .options li {
    padding: 5px 12px;
}

div.fancy-select .options li.hover {
    background-color: #F4F2ED;
}

div.fancy-select .options li.selected {
    background-color: #F4F2ED;
}

div.fancy-select label.form__input--error {
    position: absolute;
    left: 0;
    bottom: -10px;
}

.product-detail__variants div.fancy-select {
    display: inline-block;
    min-width: 150px;
    vertical-align: middle;
}

    .product-detail__variants div.fancy-select .options {
        min-width: 100%;
        border-top: 1px solid #dfdbd2;
        white-space: nowrap;
        width: auto;
    }

.Select {
    position: relative;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                 not supported by any browser */
}

    .Select .Select--hide {
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        opacity: 0;
        width: 1px;
        height: 1px;
    }

    .Select.is-error .Control-validation {
        color: #d42724;
    }

    .Select.is-error input,
    .Select.is-error textarea,
    .Select.is-error div.fancy-select div.trigger {
        border-color: #d42724 !important;
    }

    .Select.is-error div.fancy-select .options {
        border-color-left: #d42724 !important;
        border-color-right: #d42724 !important;
        border-color-bottom: #d42724 !important;
    }

.Select--full .fancy-select {
    max-width: none;
    width: 100%;
}

.Select--small .fancy-select {
    display: inline-block;
    min-width: 150px;
    max-width: 350px;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .Select--small .fancy-select {
        min-width: 100px;
        max-width: 100px !important;
    }
}

.Select--small .fancy-select div.trigger {
    height: 35px;
    line-height: 33px;
    padding: 0 10px;
    background-color: #fff;
}

.Select--small .fancy-select .options li {
    padding: 9px 10px 8px;
}

.Select--small .fancy-select div.trigger:after {
    top: 15px;
    right: 9px;
}

.Select--small .fancy-select div.trigger:before {
    height: 33px;
    line-height: 33px;
}

.Select--small .fancy-select .options.open {
    top: 35px;
}

.Select--small .fancy-select ul.options li {
    padding: 5px 12px;
}

.Select--small .Scroll.Scroll--fancySelect > .Scroll-wrapper {
    right: 9px !important;
    padding-left: 0;
    width: 100%;
}

.Select--small .Scroll.Scroll--fancySelect > .Scroll-handle {
    top: 8px;
    right: 10px;
}

.Select-label {
    position: absolute;
    left: 10px;
    top: 26px;
    font-size: 16px;
    color: #828999;
    pointer-events: none;
}

.Select-input:disabled + .trigger {
    cursor: not-allowed;
}

.ShowMoreLess-content.is-less {
    max-height: 3.5em;
    overflow: hidden;
}
/**
 * Side Sticky bar
 */
.StickyBar {
    position: fixed;
    right: 0;
    bottom: 50px;
    z-index: 1901;
    -webkit-transition: .266s ease;
    transition: .266s ease;
}

    .StickyBar.is-visible .StickyBar-item--scrollUp {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

.StickyBar-item--scrollUp {
    opacity: 0;
    visibility: hidden;
}

.StickyBar-item--social .SocialShare {
    position: absolute;
    top: -1px;
    right: -206px;
    min-width: 206px;
    -webkit-transition: .266s ease;
    transition: .266s ease;
}

.StickyBar-item--social:hover .SocialShare {
    right: 0;
}

@media screen and (max-width: 999px) {
    .StickyBar-item--social {
        display: none;
    }
}

.StickyBar-item {
    position: relative;
    float: right;
    clear: right;
    display: block;
    min-width: 90px;
    height: 90px;
    background-color: white;
    border: 1px solid #d8dfe5;
    font-size: 23px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    border-top-width: 0;
    -webkit-transition: .266s ease;
    transition: .266s ease;
}

    .StickyBar-item:hover {
        background-color: #d8dfe5;
    }

    .StickyBar-item:first-child {
        border-top-width: 1px;
    }

    .StickyBar-item.Icon-gift {
        font-size: 26px;
    }

    .StickyBar-item.Icon-share {
        width: 28px;
        height: 28px;
    }

@media screen and (max-width: 999px) {
    .StickyBar-item {
        min-width: 45px;
        height: 45px;
        line-height: 36px;
        border-top-width: 1px;
    }

        .StickyBar-item .StickyBar-title {
            display: none;
        }
}

.StickyBar-title {
    width: 100%;
    display: block;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 11px;
    line-height: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #000000;
    margin-top: 0;
    letter-spacing: 0.01em;
    font-size: 24px;
    line-height: 1;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}

    h1.Heading--light {
        font-weight: 400;
    }

@media screen and (max-width: 767px) {
    h1 {
        font-size: 18.9px;
        line-height: 25.9px;
        margin-bottom: 15px;
    }
}

.wysiwyg > *:first-child,
.Wysiwyg > *:first-child {
    margin-top: 0;
}

.wysiwyg h2,
.Wysiwyg h2 {
    font-size: 1.5em;
    line-height: 1.25em;
    margin-top: 30px;
    margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
    .wysiwyg h2,
    .Wysiwyg h2 {
        font-size: 16.8px;
        line-height: 21px;
    }
}

.wysiwyg h3,
.Wysiwyg h3 {
    font-size: 1.3em;
    line-height: 26px;
    margin-top: 25px;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .wysiwyg h3,
    .Wysiwyg h3 {
        margin-top: 20px;
    }
}

.wysiwyg h4,
.Wysiwyg h4 {
    font-size: 1.05em;
    line-height: 23px;
    margin-top: 25px;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .wysiwyg h4,
    .Wysiwyg h4 {
        margin-top: 15px;
    }
}

.wysiwyg h5,
.Wysiwyg h5 {
    font-size: 0.94em;
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .wysiwyg h5,
    .Wysiwyg h5 {
        margin-top: 15px;
    }
}

.wysiwyg h6,
.Wysiwyg h6 {
    font-size: 0.9em;
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .wysiwyg h6,
    .Wysiwyg h6 {
        margin-top: 15px;
    }
}

.wysiwyg h4 strong,
.Wysiwyg h4 strong,
.wysiwyg h5 strong,
.Wysiwyg h5 strong,
.wysiwyg h6 strong,
.Wysiwyg h6 strong {
    font-weight: 500;
}

.wysiwyg img,
.Wysiwyg img {
    max-width: 100%;
    height: auto;
}

.wysiwyg p,
.Wysiwyg p {
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.87em;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 15px;
    letter-spacing: 0.01em;
}

    .wysiwyg p.p--colorPrimary,
    .Wysiwyg p.p--colorPrimary,
    .wysiwyg p.div--colorPrimary,
    .Wysiwyg p.div--colorPrimary {
        color: #3895d9;
    }

    .wysiwyg p.p--textBigger,
    .Wysiwyg p.p--textBigger,
    .wysiwyg p.div--textBigger,
    .Wysiwyg p.div--textBigger {
        font-size: 1.1em;
    }

    .wysiwyg p.p--textBiggest,
    .Wysiwyg p.p--textBiggest,
    .wysiwyg p.div--textBiggest,
    .Wysiwyg p.div--textBiggest {
        font-size: 1.16em;
    }

    .wysiwyg p.p--big,
    .Wysiwyg p.p--big,
    .wysiwyg p.p--highlight,
    .Wysiwyg p.p--highlight,
    .wysiwyg p.div--big,
    .Wysiwyg p.div--big,
    .wysiwyg p.div--highlight,
    .Wysiwyg p.div--highlight {
        position: relative;
        background-color: #e9e5dc;
        padding: 25px;
        padding-right: 40px;
        font-weight: 400;
        border-radius: 12px;
    }

        .wysiwyg p.p--big .Icon--info,
        .Wysiwyg p.p--big .Icon--info,
        .wysiwyg p.p--highlight .Icon--info,
        .Wysiwyg p.p--highlight .Icon--info,
        .wysiwyg p.div--big .Icon--info,
        .Wysiwyg p.div--big .Icon--info,
        .wysiwyg p.div--highlight .Icon--info,
        .Wysiwyg p.div--highlight .Icon--info {
            position: absolute;
            right: 0;
            top: auto;
            bottom: 20px;
            fill: #dfd9cc;
            width: 50px;
            height: 50px;
        }

    .wysiwyg p.p--highlight,
    .Wysiwyg p.p--highlight,
    .wysiwyg p.div--highlight,
    .Wysiwyg p.div--highlight {
        position: relative;
        background-color: #e9e5dc;
        padding: 25px;
        padding-right: 40px;
        font-weight: 400;
        border-radius: 12px;
    }

        .wysiwyg p.p--highlight .Icon--info,
        .Wysiwyg p.p--highlight .Icon--info,
        .wysiwyg p.div--highlight .Icon--info,
        .Wysiwyg p.div--highlight .Icon--info {
            position: absolute;
            right: 0;
            top: auto;
            bottom: 15px;
            fill: #dfd9cc;
            width: 50px;
            height: 50px;
        }

    .wysiwyg p.p--boxHighlightBig,
    .Wysiwyg p.p--boxHighlightBig,
    .wysiwyg p.div--boxHighlightBig,
    .Wysiwyg p.div--boxHighlightBig {
        position: relative;
        background-color: #e9e5dc;
        padding: 25px;
        padding-right: 40px;
        border-radius: 12px;
        font-size: 1.03em;
        line-height: 1.3em;
        font-weight: 600;
    }

        .wysiwyg p.p--boxHighlightBig .Icon--info,
        .Wysiwyg p.p--boxHighlightBig .Icon--info,
        .wysiwyg p.div--boxHighlightBig .Icon--info,
        .Wysiwyg p.div--boxHighlightBig .Icon--info {
            position: absolute;
            right: 0;
            top: auto;
            bottom: 15px;
            fill: #dfd9cc;
            width: 50px;
            height: 50px;
        }

.wysiwyg .Text--green,
.Wysiwyg .Text--green {
    color: #73bb15;
}

.wysiwyg .Text--red,
.Wysiwyg .Text--red {
    color: #d42724;
}

.wysiwyg .Text--brown,
.Wysiwyg .Text--brown {
    color: #76685b;
}

.wysiwyg .Text--dark,
.Wysiwyg .Text--dark {
    color: #545351;
}

.wysiwyg .Text--nowrap,
.Wysiwyg .Text--nowrap {
    white-space: nowrap;
}

.wysiwyg a,
.Wysiwyg a {
    color: #d42724;
    text-decoration: underline;
}

    .wysiwyg a:hover,
    .Wysiwyg a:hover {
        text-decoration: none;
    }

    .wysiwyg a[target="_blank"],
    .Wysiwyg a[target="_blank"] {
        padding-right: 5px;
    }

        .wysiwyg a[target="_blank"]:after,
        .Wysiwyg a[target="_blank"]:after {
            content: "";
            position: relative;
            top: 1px;
            display: inline-block;
            margin-left: 3px;
            width: 10px;
            height: 10px;
            background-size: contain;
        }

        .wysiwyg a[target="_blank"]:after,
        .Wysiwyg a[target="_blank"]:after {
            background-image: url("data:image/svg+xml,%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23d42724%22%20d%3D%22M240.835%2C2.5h-89.868c-7.259%2C0-13.163%2C5.906-13.163%2C13.165c0%2C7.259%2C5.904%2C13.164%2C13.163%2C13.164h58.089l-88.578%2C88.578c-2.487%2C2.487-3.855%2C5.792-3.855%2C9.309c0%2C3.516%2C1.368%2C6.822%2C3.855%2C9.308c2.485%2C2.485%2C5.791%2C3.855%2C9.306%2C3.855c3.519%2C0%2C6.826-1.37%2C9.311-3.856l88.577-88.576v58.087c0%2C7.259%2C5.905%2C13.164%2C13.163%2C13.164c7.26%2C0%2C13.165-5.905%2C13.165-13.164V15.665C254%2C8.406%2C248.095%2C2.5%2C240.835%2C2.5z%22%2F%3E%3Cpath%20fill%3D%22%23d42724%22%20d%3D%22M195.901%2C114.835c-7.26%2C0-13.165%2C5.905-13.165%2C13.165v99.172H29.328V73.763H128.5c7.26%2C0%2C13.165-5.906%2C13.165-13.165c0-7.258-5.905-13.164-13.165-13.164H16.165C8.906%2C47.435%2C3%2C53.34%2C3%2C60.599v179.737c0%2C7.259%2C5.906%2C13.164%2C13.165%2C13.164h179.737c7.26%2C0%2C13.165-5.905%2C13.165-13.165V128C209.066%2C120.741%2C203.161%2C114.835%2C195.901%2C114.835z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        }

.wysiwyg strong,
.Wysiwyg strong {
    font-weight: 600;
}

.wysiwyg blockquote,
.Wysiwyg blockquote,
.wysiwyg .Blockquote,
.Wysiwyg .Blockquote {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    line-height: 22px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    color: #d42724;
    font-weight: 400;
    text-align: center;
}

    .wysiwyg blockquote.Blockquote--small,
    .Wysiwyg blockquote.Blockquote--small,
    .wysiwyg .Blockquote.Blockquote--small,
    .Wysiwyg .Blockquote.Blockquote--small {
        font-size: 14px;
    }

    .wysiwyg blockquote.Blockquote--dark,
    .Wysiwyg blockquote.Blockquote--dark,
    .wysiwyg .Blockquote.Blockquote--dark,
    .Wysiwyg .Blockquote.Blockquote--dark {
        color: #000000;
    }

.wysiwyg hr,
.Wysiwyg hr {
    height: 1px;
    background-color: #e9e5dc;
    border: 0;
    margin: 30px 0 10px;
}

.wysiwyg ol,
.Wysiwyg ol {
    position: relative;
    margin-bottom: 15px;
    padding-top: 8px;
    line-height: 1.25em;
    font-size: 0.87em;
    letter-spacing: 0.01em;
    list-style-type: none;
    counter-reset: ol-counter;
}

    .wysiwyg ol li,
    .Wysiwyg ol li {
        position: relative;
        color: #000000;
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 1.3;
        padding-bottom: 7px;
        padding-left: 15px;
    }

        .wysiwyg ol li:before,
        .Wysiwyg ol li:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 5px;
            width: 1px;
            bottom: -10px;
            background-color: #7f7f7f;
        }

        .wysiwyg ol li:after,
        .Wysiwyg ol li:after {
            content: "";
            position: absolute;
            top: 4px;
            left: 0;
            width: 11px;
            height: 11px;
            background-color: #000000;
            border: 2px solid #ffffff;
            border-radius: 50%;
        }

        .wysiwyg ol li:last-child,
        .Wysiwyg ol li:last-child {
            padding-bottom: 0;
        }

            .wysiwyg ol li:last-child:before,
            .Wysiwyg ol li:last-child:before {
                display: none;
            }

        .wysiwyg ol li ul,
        .Wysiwyg ol li ul {
            padding: 8px 0 0;
            margin-bottom: 0;
        }

            .wysiwyg ol li ul li:last-child,
            .Wysiwyg ol li ul li:last-child {
                padding-bottom: 0;
            }

                .wysiwyg ol li ul li:last-child:before,
                .Wysiwyg ol li ul li:last-child:before {
                    display: block;
                }

            .wysiwyg ol li ul li:before,
            .Wysiwyg ol li ul li:before {
                content: "";
                position: absolute;
                top: 7px;
                left: 1px;
                width: 6px;
                height: 6px;
                background-color: transparent;
                border: 1px solid #000000;
                border-radius: 50%;
            }

            .wysiwyg ol li ul li:after,
            .Wysiwyg ol li ul li:after {
                display: none;
            }

    .wysiwyg ol.List--colorRed li:before,
    .Wysiwyg ol.List--colorRed li:before {
        background-color: #d42724;
    }

    .wysiwyg ol.List--colorRed li:after,
    .Wysiwyg ol.List--colorRed li:after {
        background-color: #d42724;
        border: 2px solid #ffffff;
    }

    .wysiwyg ol.List--colorBgBrown li:before,
    .Wysiwyg ol.List--colorBgBrown li:before {
        background-color: #d42724;
    }

    .wysiwyg ol.List--colorBgBrown li:after,
    .Wysiwyg ol.List--colorBgBrown li:after {
        background-color: #d42724;
        border: 2px solid #e9e5dc;
    }

    .wysiwyg ol li:last-child,
    .Wysiwyg ol li:last-child {
        padding-bottom: 0;
    }

    .wysiwyg ol.noreset,
    .Wysiwyg ol.noreset {
        counter-reset: none;
    }

    .wysiwyg ol li,
    .Wysiwyg ol li {
        padding-left: 25px;
    }

        .wysiwyg ol li:before,
        .Wysiwyg ol li:before {
            content: counter(ol-counter) ".";
            counter-increment: ol-counter;
            position: absolute;
            left: 0;
            top: -1px;
            width: 16px;
            height: 16px;
            background: transparent;
            line-height: 17px;
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 14px;
            font-weight: 700;
            text-align: center;
            color: #000000;
        }

        .wysiwyg ol li:last-child:before,
        .Wysiwyg ol li:last-child:before {
            display: block;
        }

        .wysiwyg ol li:after,
        .Wysiwyg ol li:after {
            display: none;
        }

        .wysiwyg ol li ol,
        .Wysiwyg ol li ol {
            padding: 10px 0 0;
            margin-bottom: 0;
        }

.wysiwyg ul,
.Wysiwyg ul {
    position: relative;
    margin-bottom: 15px;
    padding-top: 8px;
    line-height: 1.25em;
    font-size: 0.87em;
    letter-spacing: 0.01em;
}

    .wysiwyg ul li,
    .Wysiwyg ul li {
        position: relative;
        color: #000000;
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 1.3;
        padding-bottom: 7px;
        padding-left: 15px;
    }

        .wysiwyg ul li:before,
        .Wysiwyg ul li:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 5px;
            width: 1px;
            bottom: -10px;
            background-color: #7f7f7f;
        }

        .wysiwyg ul li:after,
        .Wysiwyg ul li:after {
            content: "";
            position: absolute;
            top: 4px;
            left: 0;
            width: 11px;
            height: 11px;
            background-color: #000000;
            border: 2px solid #ffffff;
            border-radius: 50%;
        }

        .wysiwyg ul li:last-child,
        .Wysiwyg ul li:last-child {
            padding-bottom: 0;
        }

            .wysiwyg ul li:last-child:before,
            .Wysiwyg ul li:last-child:before {
                display: none;
            }

        .wysiwyg ul li ul,
        .Wysiwyg ul li ul {
            padding: 8px 0 0;
            margin-bottom: 0;
        }

            .wysiwyg ul li ul li:last-child,
            .Wysiwyg ul li ul li:last-child {
                padding-bottom: 0;
            }

                .wysiwyg ul li ul li:last-child:before,
                .Wysiwyg ul li ul li:last-child:before {
                    display: block;
                }

            .wysiwyg ul li ul li:before,
            .Wysiwyg ul li ul li:before {
                content: "";
                position: absolute;
                top: 7px;
                left: 1px;
                width: 6px;
                height: 6px;
                background-color: transparent;
                border: 1px solid #000000;
                border-radius: 50%;
            }

            .wysiwyg ul li ul li:after,
            .Wysiwyg ul li ul li:after {
                display: none;
            }

    .wysiwyg ul.List--colorRed li:before,
    .Wysiwyg ul.List--colorRed li:before {
        background-color: #d42724;
    }

    .wysiwyg ul.List--colorRed li:after,
    .Wysiwyg ul.List--colorRed li:after {
        background-color: #d42724;
        border: 2px solid #ffffff;
    }

    .wysiwyg ul.List--colorBgBrown li:before,
    .Wysiwyg ul.List--colorBgBrown li:before {
        background-color: #d42724;
    }

    .wysiwyg ul.List--colorBgBrown li:after,
    .Wysiwyg ul.List--colorBgBrown li:after {
        background-color: #d42724;
        border: 2px solid #e9e5dc;
    }

    .wysiwyg ul li:last-child,
    .Wysiwyg ul li:last-child {
        padding-bottom: 0;
    }

.Table {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #e9e5dc;
}

.Table--userZone {
    background-color: #ffffff;
}

    .Table--userZone th {
        background-color: #e9e5dc;
        color: #000000;
    }

.Table--popup {
    margin-bottom: 0;
    background-color: #ffffff;
}

    .Table--popup th,
    .Table--popup td {
        padding: 8px;
        font-size: 13px;
    }

    .Table--popup th,
    .Table--popup td {
        padding-top: 13px;
        padding-bottom: 13px;
        color: #000000;
    }

        .Table--popup td:first-child {
            padding-left: 15px;
        }

        .Table--popup td:last-child {
            padding-right: 15px;
        }

.Table--vertical th {
    border-right: 1px solid #e9e5dc;
}

.Table--small th,
.Table--small td {
    padding: 8px;
    font-size: 13px;
}

strong {
    font-weight: 600;
}

th,
.Table-header {
    background-color: #e9e5dc;
    padding: 10px 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
}

td,
.Table-cell {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
    padding: 10px 15px;
    border-top: 1px solid #e9e5dc;
    vertical-align: middle;
}

.Table-image {
    width: 5%;
}

tr:first-child td,
tr:first-child .Table-cell {
    border-top: 0;
}

.Table--lines {
    border: 0;
    border-top: 1px solid #e9e5dc;
    border-bottom: 1px solid #e9e5dc;
}

    .Table--lines th,
    .Table--lines .Table-header {
        padding-left: 10px;
        padding-right: 10px;
        background-color: transparent;
        color: #000000;
    }

    .Table--lines td {
        padding-left: 10px;
        padding-right: 10px;
        color: #000000;
    }

.Table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 999px) {
    .Table-responsive {
        width: 100%;
        margin-bottom: 20px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .Table-responsive > .Table,
        .Table-responsive table {
            margin-bottom: 0;
        }

        .Table-responsive th {
            vertical-align: top;
        }
}

.Tabs {
    zoom: 1;
    text-align: left;
}

    .Tabs:before,
    .Tabs:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .Tabs:after {
        clear: both;
    }

    .Tabs:before,
    .Tabs:after {
        content: "";
        display: table;
    }

    .Tabs:after {
        clear: both;
    }

    .Tabs .Tabs-navi {
        display: inline-block;
        zoom: 1;
        width: 100%;
    }

        .Tabs .Tabs-navi:before,
        .Tabs .Tabs-navi:after {
            content: " ";
            /* 1 */
            display: table;
            /* 2 */
        }

        .Tabs .Tabs-navi:after {
            clear: both;
        }

        .Tabs .Tabs-navi:before,
        .Tabs .Tabs-navi:after {
            content: "";
            display: table;
        }

        .Tabs .Tabs-navi:after {
            clear: both;
        }

        .Tabs .Tabs-navi ul {
            margin: 0;
            padding: 0;
        }

        .Tabs .Tabs-navi ul,
        .Tabs .Tabs-navi li {
            padding: 0;
            font-size: 0;
            text-align: center;
        }

            .Tabs .Tabs-navi ul:before,
            .Tabs .Tabs-navi li:before,
            .Tabs .Tabs-navi ul:after,
            .Tabs .Tabs-navi li:after {
                display: none;
            }

        .Tabs .Tabs-navi li {
            font-size: 100%;
        }

@media screen and (max-width: 999px) {
    .Tabs .Tabs-navi {
        display: block;
    }

        .Tabs .Tabs-navi ul,
        .Tabs .Tabs-navi li {
            text-align: left;
        }
}

.Tabs-item {
    display: inline-block;
    position: relative;
    z-index: 5;
    margin-left: 10px;
    text-align: center;
}

    .Tabs-item:first-child {
        margin-left: 0;
    }

    .Tabs-item:before,
    .Tabs-item:after {
        content: none !important;
    }

    .Tabs-item a,
    .Tabs-item > span {
        display: inline-block;
        text-decoration: none;
        text-align: center;
        padding: 11px 30px 9px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 17px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.01em;
        outline: 0;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
        background-color: #ffffff;
        color: #000000;
        border-radius: 8px 8px 0 0;
    }

@media screen and (max-width: 999px) {
    .Tabs-item a,
    .Tabs-item > span {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
    }
}

.Tabs-item.is-active a {
    background: #d42724;
    color: #ffffff;
    text-shadow: 0 0 1px #5f5752;
}

.Tabs-item a:hover,
.Tabs-item.is-active a,
.Tabs-item.is-active > span {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.Tag {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    padding: 11px 20px;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    background-color: #ffffff;
    border: 1px solid #cbdce5;
    zoom: 1;
}

    .Tag:before,
    .Tag:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .Tag:after {
        clear: both;
    }

    .Tag:before,
    .Tag:after {
        content: "";
        display: table;
    }

    .Tag:after {
        clear: both;
    }

    .Tag.Tag--link {
        color: #d42724;
        text-decoration: none;
    }

    .Tag:hover.Tag--link,
    .Tag.is-active.Tag--link {
        text-decoration: underline;
    }

    .Tag:hover .Tag-cover,
    .Tag.is-active .Tag-cover {
        -webkit-transform: scale(20);
        transform: scale(20);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
    }

.Tag-text {
    position: relative;
    z-index: 1;
}

.Tag-cover {
    display: block;
    width: 0;
    height: 0;
    background: 0 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #000000;
    position: absolute;
    left: 0;
    top: auto;
    bottom: -1px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.ToggleLocation {
    position: relative;
    padding: 0;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: left !important;
    zoom: 1;
}

    .ToggleLocation:before,
    .ToggleLocation:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .ToggleLocation:after {
        clear: both;
    }

    .ToggleLocation:before,
    .ToggleLocation:after {
        content: "";
        display: table;
    }

    .ToggleLocation:after {
        clear: both;
    }

    .ToggleLocation .Toggle-switch.is-toggled .Toggle-switchIcon {
        background-color: #d42724;
    }

        .ToggleLocation .Toggle-switch.is-toggled .Toggle-switchIcon svg {
            -webkit-filter: drop-shadow(0px 0px 1px #6d645e);
            filter: drop-shadow(0px 0px 1px #6d645e);
        }

    .ToggleLocation .Toggle-switch.is-toggled::after {
        margin-top: -5px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    .ToggleLocation .Toggle-switchIcon {
        position: absolute;
        left: 16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-color: #e9e5dc;
        border: 5px solid #ffffff;
        color: #ffffff;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        border-radius: 50%;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

        .ToggleLocation .Toggle-switchIcon svg {
            -webkit-filter: drop-shadow(1px 2px 2px #948a83);
            filter: drop-shadow(1px 2px 2px #948a83);
        }

    .ToggleLocation .Toggle-content {
        display: block;
        padding-left: 70px;
        padding-bottom: 5px;
        max-height: 9999px;
        opacity: 1;
        visibility: visible;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        -webkit-transition: max-height 0.25s ease, opacity 0.2s ease;
        transition: max-height 0.25s ease, opacity 0.2s ease;
    }

.ToggleMap {
    position: relative;
    padding: 0;
}

    .ToggleMap .Toggle-switch {
        position: absolute;
        z-index: 1;
    }

    .ToggleMap .Toggle-content #map-canvas {
        position: relative;
        overflow: hidden;
        -webkit-transition: height 0.25s ease;
        transition: height 0.25s ease;
    }

    .ToggleMap .Toggle-switch[data-toggle="on"] {
        padding: 40px;
        top: 0;
        left: 0;
        right: 0;
        height: 120px;
        background-color: rgba(255, 255, 255, 0.5);
        text-align: right;
    }

        .ToggleMap .Toggle-switch[data-toggle="on"] + .Toggle-content #map-canvas {
            height: 120px;
        }

    .ToggleMap .Toggle-switch[data-toggle="off"] {
        top: 10px;
        right: 67px;
    }

        .ToggleMap .Toggle-switch[data-toggle="off"] .Icon {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

        .ToggleMap .Toggle-switch[data-toggle="off"] + .Toggle-content #map-canvas {
            height: 500px;
        }

.Toggle {
    position: relative;
    padding: 0;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: left !important;
    zoom: 1;
}

    .Toggle:before,
    .Toggle:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .Toggle:after {
        clear: both;
    }

    .Toggle:before,
    .Toggle:after {
        content: "";
        display: table;
    }

    .Toggle:after {
        clear: both;
    }

    .Toggle::before {
        content: "";
        position: absolute;
        left: 35px;
        top: 0;
        height: 100%;
        width: 2px;
        background-color: #e9e5dc;
    }

    .Toggle .Toggle-switch {
        position: relative;
        padding: 15px 50px;
        padding-left: 70px;
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
        min-height: 60px;
        cursor: pointer;
    }

        .Toggle .Toggle-switch::after {
            content: "";
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            margin-top: -7px;
            right: 20px;
            border: solid black;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            border-color: #000000;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        .Toggle .Toggle-switch.is-toggled .Toggle-switchIcon {
            background-color: #d42724;
        }

            .Toggle .Toggle-switch.is-toggled .Toggle-switchIcon svg {
                -webkit-filter: drop-shadow(0px 0px 1px #6d645e);
                filter: drop-shadow(0px 0px 1px #6d645e);
            }

        .Toggle .Toggle-switch.is-toggled::after {
            margin-top: -5px;
            transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
        }

    .Toggle .Toggle-switchIcon {
        position: absolute;
        left: 16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background-color: #e9e5dc;
        border: 5px solid #ffffff;
        color: #ffffff;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        border-radius: 50%;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

        .Toggle .Toggle-switchIcon svg {
            -webkit-filter: drop-shadow(1px 2px 2px #948a83);
            filter: drop-shadow(1px 2px 2px #948a83);
        }

    .Toggle .Toggle-content {
        display: block;
        padding-left: 70px;
        padding-right: 10px;
        padding-bottom: 5px;
        max-height: 9999px;
        opacity: 1;
        visibility: visible;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        -webkit-transition: max-height 0.25s ease, opacity 0.2s ease;
        transition: max-height 0.25s ease, opacity 0.2s ease;
    }

@media screen and (max-width: 999px) {
    .Toggle::before {
        left: 23px;
    }

    .Toggle .Toggle-switch {
        padding: 10px 30px;
        padding-left: 50px;
        font-size: 14px;
        min-height: 50px;
    }

        .Toggle .Toggle-switch::after {
            content: "";
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            margin-top: -4px;
            right: 20px;
            border: solid black;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            border-color: #000000;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

        .Toggle .Toggle-switch.is-toggled::after {
            margin-top: 0;
        }

    .Toggle .Toggle-switchIcon {
        position: absolute;
        left: 8px;
        width: 32px;
        height: 32px;
        line-height: 25px;
        font-size: 12px;
        border-width: 3px;
    }
}

.Toggle .Toggle-content {
    padding-left: 50px;
}

.Timeline--vertical {
    padding: 12px 0;
}

    .Timeline--vertical::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: #e9e5dc;
    }

    .Timeline--vertical .Timeline-row {
        position: relative;
        padding-top: 12px;
        padding-bottom: 12px;
    }

        .Timeline--vertical .Timeline-row::before {
            content: "";
            position: absolute;
            margin-left: -10px;
            top: 50%;
            left: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            background-color: #e9e5dc;
            border: 2px solid #ffffff;
            border-radius: 50%;
        }

.Timeline--horizontal {
    padding: 0 20px;
}

    .Timeline--horizontal::before {
        content: "";
        position: absolute;
        left: 0;
        margin-top: -1px;
        top: 50%;
        height: 1px;
        width: 100%;
        background-color: #e9e5dc;
    }

    .Timeline--horizontal .Timeline-item {
        position: relative;
        display: table-cell;
        padding: 5px;
        height: 95px;
        vertical-align: middle;
    }

        .Timeline--horizontal .Timeline-item.is-dot::before {
            content: "";
            position: absolute;
            margin-left: -10px;
            top: -1px;
            left: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            background-color: #e9e5dc;
            border: 2px solid #ffffff;
            border-radius: 50%;
        }

@media screen and (max-width: 767px) {
    .Timeline--horizontal {
        padding: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
        margin-top: -40px;
        text-align: center;
    }

        .Timeline--horizontal::before {
            left: 50%;
            top: 0;
            bottom: 0;
            height: auto;
            width: 1px;
        }

        .Timeline--horizontal .Timeline-item {
            display: block;
            padding-top: 20px;
            padding-left: 18px;
            padding-right: 18px;
            height: 60px;
            font-size: 12px;
        }

            .Timeline--horizontal .Timeline-item.is-dot::before {
                content: "";
                position: absolute;
                margin-left: -10px;
                top: 30px;
                left: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 20px;
                height: 20px;
                background-color: #e9e5dc;
                border: 2px solid #ffffff;
                border-radius: 50%;
            }
}

.Timeline {
    position: relative;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center !important;
}

    .Timeline.Timeline--slim {
        max-width: 220px;
    }

@media screen and (max-width: 999px) {
    .Timeline.Timeline--slim {
        max-width: 100%;
    }
}

.Timeline-item {
    padding: 0 10px;
    font-size: 13px;
    line-height: 17px;
}

.Timeline-link:hover {
    text-decoration: none;
}
/*
 *  jQuery UI timepicker
 *  custom styles
 */
.ui-timepicker {
    display: block;
}

    .ui-timepicker.ui-widget {
        font-family: 'Source Sans Pro', sans-serif;
    }

        .ui-timepicker.ui-widget.ui-widget-content {
            margin-top: -5px;
            padding: 5px 0;
            max-width: 170px;
            border: 0;
            border-radius: 0 4px 4px 4px;
        }

    .ui-timepicker .ui-widget-header {
        padding: 10px 0;
        border: 0;
        background: #ffffff;
        color: #000000;
        font-weight: 400;
    }

    .ui-timepicker .ui-timepicker-title {
        font-size: 14px;
        line-height: 30px;
        font-weight: 600;
        letter-spacing: 0.01em;
    }

    .ui-timepicker .ui-timepicker-prev,
    .ui-timepicker .ui-timepicker-next {
        margin-top: -2px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
        border: 1px solid #dfdbd2;
        background: #ffffff;
        color: #000000;
        border-radius: 4px;
        cursor: pointer;
    }

    .ui-timepicker .ui-timepicker-header {
        margin-top: 24px;
        margin-bottom: 30px;
    }

    .ui-timepicker .ui-timepicker-title {
        margin: 0 2.5em;
        margin-top: -4px;
        height: 30px;
        border: 1px solid #dfdbd2;
        background: #ffffff;
        color: #000000;
        border-radius: 4px;
    }

        .ui-timepicker .ui-timepicker-title .ui-timepicker-hour,
        .ui-timepicker .ui-timepicker-title .ui-timepicker-min {
            display: inline-block;
            margin: 0 8px;
            padding: 0 !important;
            width: 15px;
            height: 13px;
            line-height: 15px;
            border: 0 none;
            font-size: 12px;
            text-align: center;
        }

    .ui-timepicker .ui-timepicker-prev {
        left: 0;
    }

    .ui-timepicker .ui-timepicker-next {
        right: 0;
    }

    .ui-timepicker .ui-timepicker-hour-prev,
    .ui-timepicker .ui-timepicker-hour-next,
    .ui-timepicker .ui-timepicker-min-prev,
    .ui-timepicker .ui-timepicker-min-next {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border: 0 none !important;
    }

    .ui-timepicker .ui-timepicker-hour-prev,
    .ui-timepicker .ui-timepicker-min-prev {
        top: 32px;
        border-radius: 0 0 4px 4px;
    }

    .ui-timepicker .ui-timepicker-hour-next,
    .ui-timepicker .ui-timepicker-min-next {
        top: -29px;
        border-radius: 4px 4px 0 0;
    }

    .ui-timepicker .ui-timepicker-hour-prev,
    .ui-timepicker .ui-timepicker-hour-next {
        margin-left: -18px;
    }

    .ui-timepicker .ui-timepicker-min-prev,
    .ui-timepicker .ui-timepicker-min-next {
        margin-left: 18px;
    }

    .ui-timepicker .ui-timepicker-prev:hover,
    .ui-timepicker .ui-timepicker-next:hover {
        border: 1px solid #b7afa6;
        background: #F4F2ED;
        color: #ffffff;
    }

    .ui-timepicker .ui-timepicker-next-prev {
        top: 50%;
        left: 0;
    }

    .ui-timepicker .ui-timepicker-next-hover {
        top: 50%;
        right: 0;
    }

    .ui-timepicker .ui-icon-circle-triangle-w {
        background-position: -96px 0;
    }

    .ui-timepicker .ui-icon-circle-triangle-e {
        background-position: -32px 0;
    }

    .ui-timepicker .ui-icon-circle-triangle-n {
        background-position: 0 0;
    }

    .ui-timepicker .ui-icon-circle-triangle-s {
        background-position: -64px 0;
    }

.Timepicker {
    margin-top: -5px;
    padding: 20px;
    width: 210px;
    background-color: #ffffff;
    border-radius: 0 4px 4px 4px;
}

.Timepicker-row {
    margin-left: -2.5px;
    margin-right: -2.5px;
}

.Timepicker-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 2.5px;
    padding-right: 2.5px;
    font-size: 100%;
    width: 50%;
}

.Timepicker-switch {
    width: 100%;
}

    .Timepicker-switch .Radio-control {
        display: none;
    }

    .Timepicker-switch input[type="radio"] {
        opacity: 0;
    }

        .Timepicker-switch input[type="radio"]:checked ~ .Radio-label {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            padding: 12px 20px;
            min-height: 40px;
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 13px;
            font-weight: 600;
            text-align: center;
            cursor: pointer;
            outline: 0;
            text-decoration: none;
            background-color: #000000;
            line-height: 1.15;
            border: 1px solid transparent;
            -webkit-appearance: none;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            border-radius: 4px;
            white-space: nowrap;
            margin: 0;
            padding: 8px 12px;
            min-height: 16px;
            line-height: 16px;
            background-color: #d42724;
            border: 1px solid #d42724;
            color: #ffffff;
            text-transform: none;
        }

            .Timepicker-switch input[type="radio"]:checked ~ .Radio-label.extraPadding {
                padding: 14px 20px;
            }

@media screen and (max-width: 999px) {
    .Timepicker-switch input[type="radio"]:checked ~ .Radio-label.extraPadding {
        padding: 12px 20px;
    }
}

.Timepicker-switch input[type="radio"]:checked ~ .Radio-label:hover,
.Timepicker-switch input[type="radio"]:checked ~ .Radio-label:focus {
    background-color: #333333;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.Timepicker-switch input[type="radio"]:checked ~ .Radio-label:active,
.Timepicker-switch input[type="radio"]:checked ~ .Radio-label.is-active {
    color: white;
    background-color: #4d4d4d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Timepicker-switch input[type="radio"]:checked ~ .Radio-label.is-error,
.Timepicker-switch input[type="radio"]:checked ~ .Radio-label.Button--disabled,
.Timepicker-switch input[type="radio"]:checked ~ .Radio-label:disabled {
    cursor: default;
    color: #dfdbd2;
    background-color: #5f5752;
}

.Timepicker-switch input[type="radio"]:checked ~ .Radio-label:hover,
.Timepicker-switch input[type="radio"]:checked ~ .Radio-label:focus {
    background-color: #d42724;
    border: 1px solid #d42724;
    color: #ffffff;
}

.Timepicker-switch .Radio-label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 12px 20px;
    min-height: 40px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    background-color: #000000;
    line-height: 1.15;
    border: 1px solid transparent;
    color: #ffffff;
    -webkit-appearance: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 4px;
    white-space: nowrap;
    margin: 0;
    padding: 8px 10px;
    min-height: 16px;
    line-height: 16px;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #dfdbd2;
    text-transform: none;
}

    .Timepicker-switch .Radio-label.extraPadding {
        padding: 14px 20px;
    }

@media screen and (max-width: 999px) {
    .Timepicker-switch .Radio-label.extraPadding {
        padding: 12px 20px;
    }
}

.Timepicker-switch .Radio-label:hover,
.Timepicker-switch .Radio-label:focus {
    background-color: #333333;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.Timepicker-switch .Radio-label:active,
.Timepicker-switch .Radio-label.is-active {
    color: white;
    background-color: #4d4d4d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Timepicker-switch .Radio-label.is-error,
.Timepicker-switch .Radio-label.Button--disabled,
.Timepicker-switch .Radio-label:disabled {
    cursor: default;
    color: #dfdbd2;
    background-color: #5f5752;
}

.Timepicker-switch .Radio-label:hover,
.Timepicker-switch .Radio-label:focus {
    background-color: #ae1014;
    border: 1px solid #ae1014;
    color: #ffffff;
}

.Timepicker-link {
    font-size: 14px;
    font-weight: 600;
}

.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-base {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    position: absolute;
}

.tooltipster-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.tooltipster-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

    .tooltipster-fade.tooltipster-show {
        opacity: 1;
    }

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-backface-visibility: hidden;
}

    .tooltipster-grow.tooltipster-show {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    }

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

    .tooltipster-swing.tooltipster-show {
        opacity: 1;
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
        -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
        -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
        transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    }

.tooltipster-fall {
    -webkit-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

    .tooltipster-fall.tooltipster-initial {
        top: 0 !important;
    }

    .tooltipster-fall.tooltipster-dying {
        -webkit-transition-property: all;
        transition-property: all;
        top: 0 !important;
        opacity: 0;
    }

.tooltipster-slide {
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

    .tooltipster-slide.tooltipster-initial {
        left: -40px !important;
    }

    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        transition-property: all;
        left: 0 !important;
        opacity: 0;
    }

@-webkit-keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.tooltipster-update-fade {
    -webkit-animation: tooltipster-fading 0.4s;
    animation: tooltipster-fading 0.4s;
}

@-webkit-keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.tooltipster-update-rotate {
    -webkit-animation: tooltipster-rotating 0.6s;
    animation: tooltipster-rotating 0.6s;
}

@-webkit-keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.tooltipster-update-scale {
    -webkit-animation: tooltipster-scaling 0.6s;
    animation: tooltipster-scaling 0.6s;
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px;
}

.tooltipster-sidetip .tooltipster-content {
    color: #ffffff;
    line-height: 18px;
    padding: 6px 14px;
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px;
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0;
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px;
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000;
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px;
}

.tooltipster-sidetip .tooltipster-box {
    border: none;
    border-radius: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1);
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 6px;
}

.tooltipster-sidetip .tooltipster-content {
    padding: 20px;
    color: #000000;
    font-size: 13px;
    text-align: left;
}

.tooltipster-sidetip .tooltipster-arrow {
    height: 16px;
    margin-left: 0;
    width: 16px;
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: visible;
    position: absolute;
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 16px solid transparent;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #ffffff;
    left: -6px;
    top: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #ffffff;
    left: -6px;
    top: -14px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #ffffff;
    left: -14px;
    top: -7px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #ffffff;
    left: 0px;
    top: -7px;
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 6px solid transparent;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-left-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-right-color: #ffffff;
}

.Tooltip {
    border-bottom: 1px dotted #5f5752;
    cursor: help;
}

.TooltipIcon {
    display: inline-block;
    margin-left: 10px;
    padding: 0;
    width: 15px;
    height: 15px;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    background-color: #000000;
    border-radius: 50%;
    cursor: help;
}

    .TooltipIcon .Icon {
        width: 10px;
        height: 10px;
        font-size: 10px;
        margin: 0;
    }

.Text--light {
    font-weight: 400;
}

.Tooltip-ticketContent.Tooltip-ticketContent--group {
    height: 280px;
}

.Tooltip-ticketContent.Tooltip-ticketContent--ticket {
    height: 320px;
}

.Tooltip-ticketContent p {
    margin-bottom: 0;
}

.Traffic-headerBox {
    position: relative;
    min-height: 130px;
}

@media screen and (max-width: 999px) {
    .Traffic-headerBox {
        min-height: 0;
    }

        .Traffic-headerBox .Heading--4 {
            margin-bottom: 5px;
            font-size: 0.88em;
        }
}

.Traffic-line {
    font-size: 1em;
    font-weight: 500;
    text-decoration: none;
    color: #000000;
    line-height: 1.3em;
}

.Traffic-lineName {
    font-size: 16px;
    font-weight: 700;
}

.Traffic-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.Traffic-icon--calendar {
    width: 62px;
    height: 90px;
}
/* .Icon--calendar {
        width: 74px;
        height: 74px;
        fill: @color-body-bg;
    } */
.Traffic-icon--lines {
    width: 110px;
    height: 96px;
}

.Icon--lines {
    width: 140px;
    height: 140px;
    fill: #F4F2ED;
}

@media screen and (max-width: 999px) {
    .Traffic-icon--calendar {
        width: 50px;
        height: 70px;
    }

    .Icon--calendar {
        width: 60px;
        height: 60px;
    }

    .Traffic-icon--lines {
        width: 92px;
        height: 82px;
    }

    .Icon--lines {
        width: 120px;
        height: 120px;
    }
}

.Traffic-content {
    position: relative;
}

    .Traffic-content .Icon {
        width: 18px;
        height: 18px;
        margin-top: -2px;
    }

        .Traffic-content .Icon.Icon--transport-bus {
            width: 14px;
            height: 14px;
        }

@media screen and (max-width: 767px) {
    .Traffic-content time {
        font-size: 0.90em;
    }
}

.Traffic--color-red {
    fill: #d42724;
    color: #d42724;
}

.Traffic--color-brown {
    fill: #780601;
    color: #780601;
}

.Traffic--color-yellow {
    fill: #F9BE43;
    color: #F9BE43;
}

.Traffic--color-blue {
    fill: #1C6078;
    color: #1C6078;
}

.Traffic--color-cyan {
    fill: #35A4A8;
    color: #35A4A8;
}

.Traffic--color-green {
    fill: #61ac00;
    color: #61ac00;
}

.Traffic-sign {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    font-size: 0.90em;
    line-height: 1.3em;
}

    .Traffic-sign.Traffic-sign--textBigger {
        font-size: 0.87em;
    }

    .Traffic-sign.Traffic-sign--textBrown {
        color: #76685b;
    }

    .Traffic-sign:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }

    .Traffic-sign.Traffic-sign--red:before {
        background-color: #d42724;
    }

    .Traffic-sign.Traffic-sign--green:before {
        background-color: #73bb15;
    }

@media screen and (max-width: 767px) {
    .Traffic-sign {
        font-size: 0.80em;
    }
}
/* jsTree ELNINO theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

.jstree-node {
    white-space: nowrap;
}

.jstree-anchor {
    display: inline-block;
    color: black;
    white-space: normal;
    padding: 0 4px 0 1px;
    margin: 0;
    vertical-align: top;
}

    .jstree-anchor:focus {
        outline: 0;
    }

    .jstree-anchor,
    .jstree-anchor:link,
    .jstree-anchor:visited,
    .jstree-anchor:hover,
    .jstree-anchor:active {
        text-decoration: none;
    }

.jstree-icon {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: center;
}

    .jstree-icon:empty {
        display: inline-block;
        text-decoration: none;
        margin: 0;
        padding: 0;
        vertical-align: top;
        text-align: center;
    }

.jstree-ocl {
    cursor: pointer;
}

.jstree-leaf > .jstree-ocl {
    cursor: default;
}

.jstree .jstree-open > .jstree-children {
    display: block;
}

.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
    display: none;
}

.jstree-anchor > .jstree-themeicon {
    margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
    display: none;
}

.jstree-rtl .jstree-anchor {
    padding: 0 1px 0 4px;
}

    .jstree-rtl .jstree-anchor > .jstree-themeicon {
        margin-left: 2px;
        margin-right: 0;
    }

.jstree-rtl .jstree-node {
    margin-left: 0;
}

.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
}

.jstree-wholerow-ul {
    position: relative;
    display: inline-block;
    min-width: 100%;
}

    .jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
        cursor: pointer;
    }

    .jstree-wholerow-ul .jstree-anchor,
    .jstree-wholerow-ul .jstree-icon {
        position: relative;
    }

    .jstree-wholerow-ul .jstree-wholerow {
        width: 100%;
        cursor: pointer;
        position: absolute;
        left: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background-repeat: no-repeat;
    background-color: transparent;
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
    -webkit-transition: background-color 0.15s, -webkit-box-shadow 0.15s;
    transition: background-color 0.15s, -webkit-box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s;
    transition: background-color 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
    display: none;
}

.jstree-default .jstree-disabled {
    background: transparent;
    color: #666666;
}

    .jstree-default .jstree-disabled.jstree-hovered {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .jstree-default .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

    .jstree-default .jstree-disabled > .jstree-icon {
        opacity: 0.8;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
        /* Firefox 10+ */
        filter: gray;
        /* IE6-9 */
        -webkit-filter: grayscale(100%);
        /* Chrome 19+ & Safari 6+ */
    }

.jstree-default .jstree-search {
    font-style: italic;
    color: #8b0000;
    font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
        background: #e7f4f9;
    }

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
    background: transparent;
}

    .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
        background: #e7f4f9;
    }

.jstree-default > .jstree-striped {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.jstree-default .jstree-wholerow {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
    background: #e7f4f9;
}

.jstree-default .jstree-wholerow-clicked {
    background: #beebff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #beebff), color-stop(100%, #a8e4ff));
    background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#beebff), to(#a8e4ff));
    background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );*/
}

.jstree-default .jstree-node {
    min-height: 24px;
    line-height: 24px;
    margin-left: 24px;
    min-width: 24px;
}

.jstree-default .jstree-anchor {
    line-height: 24px;
    min-height: 24px;
    padding-right: 25px;
}

.jstree-default .jstree-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

    .jstree-default .jstree-icon:empty {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

.jstree-default.jstree-rtl .jstree-node {
    margin-right: 24px;
}

.jstree-default .jstree-wholerow {
    height: 24px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background-image: url("/common/images/layout/jstree/32px.png");
}

.jstree-default .jstree-node {
    background-position: -292px -4px;
    background-repeat: repeat-y;
}

.jstree-default .jstree-last {
    background: transparent;
}

.jstree-default .jstree-open > .jstree-ocl {
    background-position: -132px -4px;
}

.jstree-default .jstree-closed > .jstree-ocl {
    background-position: -100px -4px;
}

.jstree-default .jstree-leaf > .jstree-ocl {
    background-position: -68px -4px;
}

.jstree-default .jstree-themeicon {
    display: none;
}

.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -36px -4px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -4px -4px;
}

.jstree-default .jstree-disabled {
    background: transparent;
}

    .jstree-default .jstree-disabled.jstree-hovered {
        background: transparent;
    }

    .jstree-default .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default .jstree-checkbox {
    background-position: -164px -4px;
}

    .jstree-default .jstree-checkbox:hover {
        background-position: -164px -36px;
    }

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
    background-position: -228px -4px;
}

    .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default .jstree-checked > .jstree-checkbox:hover {
        background-position: -228px -36px;
    }

.jstree-default .jstree-anchor > .jstree-undetermined {
    background-position: -196px -4px;
}

    .jstree-default .jstree-anchor > .jstree-undetermined:hover {
        background-position: -196px -36px;
    }

.jstree-default > .jstree-striped {
    background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -68px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -36px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default .jstree-file {
    background: url("/common/images/layout/jstree/32px.png") -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
    background: url("/common/images/layout/jstree/32px.png") -260px -4px no-repeat;
}

.jstree-default > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

.jstree-default.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}

.jstree-default.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-small .jstree-node {
    min-height: 18px;
    line-height: 18px;
    margin-left: 18px;
    min-width: 18px;
}

.jstree-default-small .jstree-anchor {
    line-height: 18px;
    min-height: 18px;
    padding-right: 25px;
}

.jstree-default-small .jstree-icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
}

    .jstree-default-small .jstree-icon:empty {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

.jstree-default-small.jstree-rtl .jstree-node {
    margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
    height: 18px;
}

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
    background-image: url("/common/images/layout/jstree/32px.png");
}

.jstree-default-small .jstree-node {
    background-position: -295px -7px;
    background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
    background: transparent;
}

.jstree-default-small .jstree-open > .jstree-ocl {
    background-position: -135px -7px;
}

.jstree-default-small .jstree-closed > .jstree-ocl {
    background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
    background-position: -71px -7px;
}

.jstree-default-small .jstree-themeicon {
    display: none;
}

.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -39px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
    background: transparent;
}

    .jstree-default-small .jstree-disabled.jstree-hovered {
        background: transparent;
    }

    .jstree-default-small .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default-small .jstree-checkbox {
    background-position: -167px -7px;
}

    .jstree-default-small .jstree-checkbox:hover {
        background-position: -167px -39px;
    }

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
    background-position: -231px -7px;
}

    .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
        background-position: -231px -39px;
    }

.jstree-default-small .jstree-anchor > .jstree-undetermined {
    background-position: -199px -7px;
}

    .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
        background-position: -199px -39px;
    }

.jstree-default-small > .jstree-striped {
    background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default-small .jstree-file {
    background: url("/common/images/layout/jstree/32px.png") -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
    background: url("/common/images/layout/jstree/32px.png") -263px -7px no-repeat;
}

.jstree-default-small > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-large .jstree-node {
    min-height: 32px;
    line-height: 32px;
    margin-left: 32px;
    min-width: 32px;
}

.jstree-default-large .jstree-anchor {
    line-height: 32px;
    min-height: 32px;
    padding-right: 25px;
}

.jstree-default-large .jstree-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

    .jstree-default-large .jstree-icon:empty {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

.jstree-default-large.jstree-rtl .jstree-node {
    margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
    height: 32px;
}

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
    background-image: url("/common/images/layout/jstree/32px.png");
}

.jstree-default-large .jstree-node {
    background-position: -288px 0px;
    background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
    background: transparent;
}

.jstree-default-large .jstree-open > .jstree-ocl {
    background-position: -128px 0px;
}

.jstree-default-large .jstree-closed > .jstree-ocl {
    background-position: -96px 0px;
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
    background-position: -64px 0px;
}

.jstree-default-large .jstree-themeicon {
    display: none;
}

.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -32px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: 0px 0px;
}

.jstree-default-large .jstree-disabled {
    background: transparent;
}

    .jstree-default-large .jstree-disabled.jstree-hovered {
        background: transparent;
    }

    .jstree-default-large .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default-large .jstree-checkbox {
    background-position: -160px 0px;
}

    .jstree-default-large .jstree-checkbox:hover {
        background-position: -160px -32px;
    }

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
    background-position: -224px 0px;
}

    .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
        background-position: -224px -32px;
    }

.jstree-default-large .jstree-anchor > .jstree-undetermined {
    background-position: -192px 0px;
}

    .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
        background-position: -192px -32px;
    }

.jstree-default-large > .jstree-striped {
    background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: 0px -32px;
}

.jstree-default-large .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default-large .jstree-file {
    background: url("/common/images/layout/jstree/32px.png") -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
    background: url("/common/images/layout/jstree/32px.png") -256px 0px no-repeat;
}

.jstree-default-large > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: transparent;
}

@media (max-width: 768px) {
    #jstree-dnd.jstree-dnd-responsive {
        line-height: 40px;
        font-weight: bold;
        font-size: 1.1em;
        text-shadow: 1px 1px white;
    }

        #jstree-dnd.jstree-dnd-responsive > i {
            background: transparent;
            width: 40px;
            height: 40px;
        }

        #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
            background-image: url("/common/images/layout/jstree/40px.png");
            background-position: 0 -200px;
            background-size: 120px 240px;
        }

        #jstree-dnd.jstree-dnd-responsive > .jstree-er {
            background-image: url("/common/images/layout/jstree/40px.png");
            background-position: -40px -200px;
            background-size: 120px 240px;
        }

    #jstree-marker.jstree-dnd-responsive {
        border-left-width: 10px;
        border-top-width: 10px;
        border-bottom-width: 10px;
        margin-top: -10px;
    }
}

@media (max-width: 768px) {
    .jstree-default-responsive {
        /*
	.jstree-open > .jstree-ocl,
	.jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
	*/
    }

        .jstree-default-responsive .jstree-icon {
            background-image: url("/common/images/layout/jstree/40px.png");
        }

        .jstree-default-responsive .jstree-node,
        .jstree-default-responsive .jstree-leaf > .jstree-ocl {
            background: transparent;
        }

        .jstree-default-responsive .jstree-node {
            min-height: 40px;
            line-height: 40px;
            margin-left: 40px;
            min-width: 40px;
            white-space: nowrap;
        }

        .jstree-default-responsive .jstree-anchor {
            line-height: 40px;
            height: 40px;
        }

        .jstree-default-responsive .jstree-icon,
        .jstree-default-responsive .jstree-icon:empty {
            width: 40px;
            height: 40px;
            line-height: 40px;
        }

        .jstree-default-responsive > .jstree-container-ul > .jstree-node {
            margin-left: 0;
        }

        .jstree-default-responsive.jstree-rtl .jstree-node {
            margin-left: 0;
            margin-right: 40px;
        }

        .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
            margin-right: 0;
        }

        .jstree-default-responsive .jstree-ocl,
        .jstree-default-responsive .jstree-themeicon,
        .jstree-default-responsive .jstree-checkbox {
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-leaf > .jstree-ocl {
            background: transparent;
        }

        .jstree-default-responsive .jstree-open > .jstree-ocl {
            background-position: 0 0px !important;
        }

        .jstree-default-responsive .jstree-closed > .jstree-ocl {
            background-position: 0 -40px !important;
        }

        .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
            background-position: -40px 0px !important;
        }

        .jstree-default-responsive .jstree-themeicon {
            background-position: -40px -40px;
        }

        .jstree-default-responsive .jstree-checkbox,
        .jstree-default-responsive .jstree-checkbox:hover {
            background-position: -40px -80px;
        }

        .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
        .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
        .jstree-default-responsive .jstree-checked > .jstree-checkbox,
        .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
            background-position: 0 -80px;
        }

        .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
        .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
            background-position: 0 -120px;
        }

        .jstree-default-responsive .jstree-anchor {
            font-weight: bold;
            font-size: 1.1em;
            text-shadow: 1px 1px white;
        }

        .jstree-default-responsive > .jstree-striped {
            background: transparent;
        }

        .jstree-default-responsive .jstree-wholerow {
            border-top: 1px solid rgba(255, 255, 255, 0.7);
            border-bottom: 1px solid rgba(64, 64, 64, 0.2);
            background: #ebebeb;
            height: 40px;
        }

        .jstree-default-responsive .jstree-wholerow-hovered {
            background: #e7f4f9;
        }

        .jstree-default-responsive .jstree-wholerow-clicked {
            background: #beebff;
        }

        .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
            -webkit-box-shadow: inset 0 -6px 3px -5px #666666;
            box-shadow: inset 0 -6px 3px -5px #666666;
        }

        .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
            -webkit-box-shadow: inset 0 6px 3px -5px #666666;
            box-shadow: inset 0 6px 3px -5px #666666;
            border-top: 0;
        }

        .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .jstree-default-responsive .jstree-node,
        .jstree-default-responsive .jstree-icon,
        .jstree-default-responsive .jstree-node > .jstree-ocl,
        .jstree-default-responsive .jstree-themeicon,
        .jstree-default-responsive .jstree-checkbox {
            background-image: url("/common/images/layout/jstree/40px.png");
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-node {
            background-position: -80px 0;
            background-repeat: repeat-y;
        }

        .jstree-default-responsive .jstree-last {
            background: transparent;
        }

        .jstree-default-responsive .jstree-leaf > .jstree-ocl {
            background-position: -40px -120px;
        }

        .jstree-default-responsive .jstree-last > .jstree-ocl {
            background-position: -40px -160px;
        }

        .jstree-default-responsive .jstree-themeicon-custom {
            background-color: transparent;
            background-image: none;
            background-position: 0 0;
        }

        .jstree-default-responsive .jstree-file {
            background: url("/common/images/layout/jstree/40px.png") 0 -160px no-repeat;
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-folder {
            background: url("/common/images/layout/jstree/40px.png") -40px -40px no-repeat;
            background-size: 120px 240px;
        }

        .jstree-default-responsive > .jstree-container-ul > .jstree-node {
            margin-left: 0;
            margin-right: 0;
        }
}

.Separator--line {
    height: 1px;
    background-color: #d8dfe5;
    border: 0;
    margin: 20px 0;
}

.Scroll {
    position: relative;
    width: 100%;
    min-height: 200px;
    overflow: hidden;
}

    .Scroll.Scroll--fancySelect.options.open {
        overflow-x: hidden;
    }

        .Scroll.Scroll--fancySelect.options.open li {
            padding-right: 15px;
        }

            .Scroll.Scroll--fancySelect.options.open li:last-child {
                padding-bottom: 14px;
            }

    .Scroll.Scroll--fancySelect > .Scroll-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .Scroll.Scroll--fancySelect > .Scroll-handle {
        right: 9px;
        top: 10px;
        bottom: 10px;
    }

        .Scroll.Scroll--fancySelect > .Scroll-handle > .Scroll-slider {
            width: 4px;
            left: 0px;
            background-color: #000000;
            position: relative;
            border-radius: 2px;
        }

    .Scroll > .Scroll-wrapper {
        position: absolute;
        overflow: scroll;
        overflow-x: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding-left: 2px;
        padding-right: 2px;
        outline: 0;
        padding-right: 20px;
    }

        .Scroll > .Scroll-wrapper::-webkit-scrollbar {
            display: none;
        }

    .Scroll > .Scroll-handle {
        background: #d8dfe5;
        position: absolute;
        width: 4px;
        right: 6px;
        top: 0;
        bottom: 0;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        border-radius: 2px;
    }

        .Scroll > .Scroll-handle > .Scroll-slider {
            background-color: #000000;
            position: relative;
            width: 8px;
            left: -2px;
            border-radius: 10px;
        }

            .Scroll > .Scroll-handle > .Scroll-slider:active {
                background-color: #44bdb4;
                -webkit-transition: background 200ms ease;
                transition: background 200ms ease;
            }

    .Scroll:hover > .Scroll-handle {
        visibility: visible;
        opacity: 0.99;
    }

.has-scrollbar > .Scroll-wrapper::-webkit-scrollbar {
    display: block;
}

.Scroll-handle.active {
    visibility: visible;
    opacity: 0.99;
}

.Scroll-handle.flashed {
    visibility: visible;
    opacity: 0.99;
}

.Slider .Slider-input {
    display: inline-block;
    margin-bottom: 13px;
    width: 100%;
    height: 36px;
    background-color: white;
    border: 1px solid #c6ced5;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 7px 7px;
    text-align: center;
}

    .Slider .Slider-input.Slider-input--readonly {
        background: #f5f7fa;
    }

.Slider-upper,
.Slider-lower {
    display: none;
}

.Slider-holder {
    margin-top: 20px;
    margin-bottom: 25px;
    height: 4px;
    background-color: #cbdce5;
    border-radius: 2px;
}

.Slider-graph {
    position: relative;
    margin-top: 5px;
    height: 60px;
}

.Slider-graphLines {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

    .Slider-graphLines::before,
    .Slider-graphLines::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 0;
        border-top: 1px dashed #cbdce5;
    }

.Slider-graphLines--1-2::before {
    top: 0;
}

.Slider-graphLines--1-2::after {
    top: 33.334%;
}

.Slider-graphLines--3-4::before {
    top: 66.666%;
}

.Slider-graphLines--3-4::after {
    top: 100%;
}

.Slider-graphColumns {
    position: relative;
    z-index: 1;
    height: calc(100% + 1px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.Slider-graphColumn {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 0;
    background-color: #3895d9;
    border-left: 1px solid #e9f4fb;
}

.Slider-row {
    position: relative;
}

.Slider-cell {
    display: inline-block;
    width: 35%;
}

.Slider-separator {
    display: inline-block;
    width: 12%;
    text-align: center;
    font-size: 16px;
}

.Slider-suffix {
    display: inline-block;
    width: 12%;
    text-align: right;
    font-size: 16px;
}

.Slider-rangeWrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 10;
}

.Slider-range {
    width: 100%;
}

.ui-slider-range {
    position: absolute;
    top: -14px;
    height: 4px;
    background-color: #3895d9;
}

.ui-slider-handle {
    position: absolute;
    width: 10px;
    height: 11px;
    background-color: #000000;
    border-radius: 2px;
    cursor: pointer;
    top: -18px;
    outline: 1px solid #e9f4fb;
}

    .ui-slider-handle:active {
        background-color: #000000;
    }

        .ui-slider-handle:active::before {
            border-bottom-color: #000000;
        }

    .ui-slider-handle:hover {
        background-color: #000000;
    }

        .ui-slider-handle:hover::before {
            border-bottom-color: #000000;
        }

    .ui-slider-handle::before {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #000000;
        position: absolute;
        top: -4px;
    }

@media screen and (max-width: 767px) {
    .ui-slider-handle {
        outline: 0 none;
    }
}

.Slider--price .Slider-holder,
.Slider--range .Slider-holder,
.Slider--volume .Slider-holder {
    padding-left: 4px;
    padding-right: 5px;
}

.Slider--price .ui-slider-handle,
.Slider--range .ui-slider-handle,
.Slider--volume .ui-slider-handle {
    margin-left: -5px;
}

.Slider--price .Slider-input.Slider-input--readonly,
.Slider--range .Slider-input.Slider-input--readonly,
.Slider--volume .Slider-input.Slider-input--readonly {
    background-color: #ffffff;
}

.Split-next {
    display: block;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    background: transparent;
    padding: 3px 28px;
    margin-top: 10px;
    border: 0;
    color: #a1aab7;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    -webkit-transition: border 200ms ease;
    transition: border 200ms ease;
}

    .Split-next:hover {
        -webkit-transition: border 200ms ease;
        transition: border 200ms ease;
    }

        .Split-next:hover span:before {
            background-color: #44bdb4;
            -webkit-transition: -webkit-transform 0.25s ease;
            transition: -webkit-transform 0.25s ease;
            transition: transform 0.25s ease;
            transition: transform 0.25s ease, -webkit-transform 0.25s ease;
        }

        .Split-next:hover span:after {
            background-color: #44bdb4;
            -webkit-transition: -webkit-transform 0.25s ease;
            transition: -webkit-transform 0.25s ease;
            transition: transform 0.25s ease;
            transition: transform 0.25s ease, -webkit-transform 0.25s ease;
        }

    .Split-next span {
        position: relative;
        cursor: pointer;
        margin-left: 10px;
    }

        .Split-next span:before {
            position: absolute;
            left: -20px;
            top: 8px;
            content: "";
            display: block;
            width: 8px;
            height: 1px;
            background-color: #a1aab7;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: -webkit-transform 0.25s ease;
            transition: -webkit-transform 0.25s ease;
            transition: transform 0.25s ease;
            transition: transform 0.25s ease, -webkit-transform 0.25s ease;
        }

        .Split-next span:after {
            position: absolute;
            left: -15px;
            top: 8px;
            content: "";
            display: block;
            width: 8px;
            height: 1px;
            background-color: #a1aab7;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
            -webkit-transition: -webkit-transform 0.25s ease;
            transition: -webkit-transform 0.25s ease;
            transition: transform 0.25s ease;
            transition: transform 0.25s ease, -webkit-transform 0.25s ease;
        }

        .Split-next span[data-toggle="off"]:before {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .Split-next span[data-toggle="off"]:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

@media screen and (max-width: 767px) {
    .Swap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .Swap .Swap-first {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            width: 100%;
        }

        .Swap .Swap-second {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            width: 100%;
        }
}

#nprogress {
    pointer-events: none;
}

    #nprogress .bar {
        background: #d42724;
        position: fixed;
        z-index: 1031;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
    }
    /* Fancy blur effect */
    #nprogress .peg {
        display: block;
        position: absolute;
        right: 0px;
        width: 100px;
        height: 100%;
        -webkit-box-shadow: 0 0 10px #d42724, 0 0 5px #d42724;
        box-shadow: 0 0 10px #d42724, 0 0 5px #d42724;
        opacity: 1.0;
        -webkit-transform: rotate(3deg) translate(0px, -4px);
        transform: rotate(3deg) translate(0px, -4px);
    }
    /* Remove these to get rid of the spinner */
    #nprogress .spinner {
        display: block;
        position: fixed;
        z-index: 1031;
        top: 15px;
        right: 15px;
    }

    #nprogress .spinner-icon {
        display: none;
        width: 18px;
        height: 18px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: solid 2px transparent;
        border-top-color: #29d;
        border-left-color: #29d;
        border-radius: 50%;
        -webkit-animation: nprogress-spinner 400ms linear infinite;
        animation: nprogress-spinner 400ms linear infinite;
    }

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

    .nprogress-custom-parent #nprogress .spinner,
    .nprogress-custom-parent #nprogress .bar {
        position: absolute;
    }

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.Background--white {
    background-color: #ffffff;
}

.Background--city {
    background-image: url('/common/images/layout/bg-city.jpg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% top;
    background-color: #f4f2ed;
}

@media screen and (max-width: 767px) {
    .Background--city {
        background: #f4f2ed;
    }
}

.BasketLayout {
    zoom: 1;
}

    .BasketLayout:before,
    .BasketLayout:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .BasketLayout:after {
        clear: both;
    }

    .BasketLayout:before,
    .BasketLayout:after {
        content: "";
        display: table;
    }

    .BasketLayout:after {
        clear: both;
    }

@media screen and (max-width: 1339px) {
    .BasketLayout {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 999px) {
    .BasketLayout {
        margin: 0 16px;
    }
}

.BasketLayout-innerContainer {
    max-width: 1250px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    max-width: 100%;
    width: 100%;
}

@media screen and (max-width: 1099px) {
    .BasketLayout-innerContainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    .BasketLayout-sidebar--empty {
        display: none !important;
    }
}

@media screen and (max-width: 1339px) {
    .BasketLayout--step2 .BasketLayout-sidebar,
    .BasketLayout--step3 .BasketLayout-sidebar {
        margin-left: 0;
        margin-right: 0;
        display: block;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media screen and (max-width: 1339px) {
    .BasketLayout--step2 .Sidebar,
    .BasketLayout--step3 .Sidebar {
        width: 100%;
    }
}

@media screen and (max-width: 1099px) {
    .BasketLayout--step2 .Sidebar,
    .BasketLayout--step3 .Sidebar {
        background-color: #f7f7fa;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        padding-left: 0;
        padding-right: 0;
        font-size: 100%;
        width: 66.66666667%;
        display: block;
        padding: 24px;
        margin: 0 auto 40px;
    }
}

@media screen and (max-width: 999px) {
    .BasketLayout--step2 .Sidebar:nth-of-type(2),
    .BasketLayout--step3 .Sidebar:nth-of-type(2) {
        margin: 0 auto 10px;
    }
}

@media screen and (max-width: 767px) {
    .BasketLayout--step2 .Sidebar,
    .BasketLayout--step3 .Sidebar {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        padding-left: 0;
        padding-right: 0;
        font-size: 100%;
        width: 100%;
        padding: 16px;
    }
}

@media screen and (max-width: 999px) {
    .BasketLayout--step2 .BasketLayout-sidebar,
    .BasketLayout--step3 .BasketLayout-sidebar {
        padding: 0;
        max-width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .BasketLayout--step2 .BasketLayout-sidebar,
    .BasketLayout--step3 .BasketLayout-sidebar {
        margin: 0;
    }

    .BasketLayout--step2 .basket-TransportPayment-fullCol,
    .BasketLayout--step3 .basket-TransportPayment-fullCol {
        margin-bottom: 0;
    }

    .BasketLayout--step2 .Sidebar,
    .BasketLayout--step3 .Sidebar {
        margin: 0;
    }
}

@media screen and (max-width: 1099px) {
    .BasketLayout--step3 .BasketLayout-innerContainer {
        width: 100%;
    }

    .BasketLayout--step3 .BasketLayout-content {
        width: 100%;
        margin: 0 auto;
    }

    .BasketLayout--step3 .BasketLayout-sidebar {
        margin: 0 auto;
    }

    .BasketLayout--step3 .Sidebar {
        width: 66.66666667%;
    }
}

@media screen and (max-width: 767px) {
    .BasketLayout--step3 .Sidebar {
        width: 100%;
    }
}

.BasketLayout-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    padding-right: 0;
    font-size: 100%;
    width: 75%;
    padding-right: 30px;
    margin-top: 58px;
    margin-bottom: 30px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1339px) {
    .BasketLayout-content {
        padding-right: 30px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1099px) {
    .BasketLayout-content {
        width: 100%;
        padding-right: 0;
    }
}

@media screen and (max-width: 999px) {
    .BasketLayout-content {
        width: 100%;
        margin-bottom: 16px;
    }
}

.Container--basketFullSize .BasketLayout-content {
    width: 100%;
}

.BasketLayout--step3 .BasketLayout-content {
    -webkit-box-ordinal-group: initial;
    -webkit-order: initial;
    -moz-box-ordinal-group: initial;
    -ms-flex-order: initial;
    order: initial;
}

.BasketLayout-contentWrapper {
    display: block;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1339px) {
    .BasketLayout-contentContainer {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        padding-left: 0;
        padding-right: 0;
        font-size: 100%;
        width: 66.66666667%;
        display: block;
        margin: 0 auto 40px;
    }
}

@media screen and (max-width: 767px) {
    .BasketLayout-contentContainer {
        margin-top: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        padding-left: 0;
        padding-right: 0;
        font-size: 100%;
        width: 100%;
    }
}

.basket-Overview-buttons {
    display: none;
}

@media screen and (max-width: 1099px) {
    .basket-Overview-buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 18px;
        margin-bottom: 20px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .basket-Overview-buttons {
        margin-top: 20px;
    }
}

@media screen and (max-width: 441px) {
    .basket-Overview-buttons {
        padding: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .basket-Overview-buttons a:first-child {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            margin-top: 10px;
        }
}

.BasketLayout-sidebar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    padding-right: 0;
    font-size: 100%;
    width: 25%;
    padding-top: 37px;
    padding-left: 20px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    background-color: #f7f7fa;
}

@media screen and (max-width: 1339px) {
}

@media screen and (max-width: 1099px) {
    .BasketLayout-sidebar {
        width: 100%;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}

@media screen and (max-width: 767px) {
    .BasketLayout-sidebar .PromoAction--delivery {
        padding-top: 10px !important;
    }

        .BasketLayout-sidebar .PromoAction--delivery .PromoAction-title {
            display: none;
        }

        .BasketLayout-sidebar .PromoAction--delivery .PromoAction-description {
            font-size: 16px;
        }
}

.BasketLayout-title {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #000000;
    letter-spacing: 0.01em;
    font-size: 24px;
    line-height: 1;
    font-size: 1.3em;
    line-height: 26px;
    margin-top: 25px;
    margin-bottom: 15px;
    font-weight: 400;
    margin-top: 0;
}

    .BasketLayout-title.Heading--light {
        font-weight: 400;
    }

@media screen and (max-width: 767px) {
    .BasketLayout-title {
        margin-top: 20px;
    }
}

.BasketLayout-tabs {
    display: block;
}

    .BasketLayout-tabs .Tabs-item {
        width: 33.3%;
    }

        .BasketLayout-tabs .Tabs-item a {
            width: 100%;
        }

@media screen and (max-width: 767px) {
    .BasketLayout-tabs .Tabs-item {
        display: inline-block;
    }

        .BasketLayout-tabs .Tabs-item a {
            padding: 0 12px 4px;
            font-size: 14px;
            line-height: 1.2;
            font-weight: 500;
            text-transform: initial;
        }
}

.Category-filter {
    display: inline-block;
    vertical-align: top;
    padding-right: 50px;
    width: 300px;
}

@media screen and (max-width: 999px) {
    .Category-filter {
        width: 100%;
        padding-top: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .Category-filter {
        display: block;
    }
}

.Category-productList {
    display: inline-block;
    vertical-align: top;
    padding-top: 40px;
    padding-bottom: 40px;
    width: calc(100% - 300px);
}

@media screen and (max-width: 999px) {
    .Category-productList {
        width: 100%;
        padding-top: 0;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }
}

.Category-mainInfo {
    padding: 30px;
    background-color: #ffffff;
    border: 1px solid #cbdce5;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .Category-mainInfo {
        padding: 0;
        background-color: transparent;
        border: 0;
    }
}

.Category-title {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #000000;
    letter-spacing: 0.01em;
    font-size: 24px;
    line-height: 1;
    font-size: 1.5em;
    line-height: 1.25em;
    margin-top: 30px;
    margin-bottom: 18px;
    margin-top: 0;
}

    .Category-title.Heading--light {
        font-weight: 400;
    }

@media screen and (max-width: 767px) {
    .Category-title {
        font-size: 16.8px;
        line-height: 21px;
    }
}

@media screen and (max-width: 767px) {
    .Category-title {
        font-size: 21px;
        line-height: 25.9px;
    }
}

.Category-subtitle {
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

.Container {
    padding: 0;
    margin: 0 auto;
    min-width: 320px;
    max-width: 1000px;
}

@media screen and (max-width: 1339px) {
    .Container {
        padding: 20px 15px;
    }

        .Container.Container-noLgPadding {
            padding: 20px 0;
        }
}

@media screen and (max-width: 999px) {
    .Container.Container-noLgPadding {
        padding: 0 15px;
    }
}

.Container--basket {
    min-height: calc(100% - 100px - 60px);
}

.Container--small {
    max-width: 1260px;
    margin: 0 auto;
}

.Container--extraSmall {
    max-width: 1000px;
    margin: 0 auto;
}

.Container--slim {
    max-width: 710px;
    margin: 0 auto;
}
/**
     * Modifier: verticalPadding
     */
.Container--verticalPadding {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .Container--noXsPadding {
        padding: 0;
    }
}

.Container--banners {
    max-width: 1260px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 767px) {
    .Container--banners {
        padding: 0;
    }
}

@media screen and (min-width: 1000px) {
    .Container--banners {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.Container--reviewedParfems {
    max-width: 1140px;
}

.Container--basketLayout {
    position: relative;
}

    .Container--basketLayout:after {
        position: absolute;
        display: block;
        content: '';
        right: 0;
        top: 0;
        width: 25.5%;
        height: 100%;
        background: #f7f7fa;
        z-index: -1;
    }

@media screen and (max-width: 1099px) {
    .Container--basketLayout:after {
        display: none;
    }
}

@media screen and (max-width: 999px) {
    .Container--basketLayout {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.Container--basketFullSize {
    max-width: 1240px;
}

.Container-placeholder {
    min-height: calc(100% - 100px - 470px - 85px);
}

@media screen and (max-width: 999px) {
    .Container-placeholder {
        min-height: 0;
    }
}

.Content {
    padding: 15px;
    padding-bottom: 10px;
    margin: 0 auto;
    max-width: 710px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 5px #e0dddb;
    box-shadow: 0 1px 5px #e0dddb;
    border-radius: 12px;
}

@media screen and (max-width: 767px) {
    .Content {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.Content.Content--fullsize {
    width: 100%;
    max-width: 100%;
}

.Content.Content--transparent {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    border: 0 none;
}

.Content hr {
    margin-left: -25px;
    width: calc(100% + 50px);
}

.Content-2rows {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-top: -20px;
}

    .Content-2rows .Content-2rowsIn {
        margin-top: 20px;
        display: inline-block;
        width: 100%;
    }

    .Content-2rows .Content-2rowsNoBreak {
        display: inherit;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

@media screen and (max-width: 999px) {
    .Content-2rows {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        margin-top: -10px;
    }

        .Content-2rows .Content-2rowsIn {
            margin-top: 10px;
        }
}

.Copyright {
    padding-top: 30px;
    background-color: #d3e4ed;
    zoom: 1;
}

    .Copyright:before,
    .Copyright:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .Copyright:after {
        clear: both;
    }

    .Copyright:before,
    .Copyright:after {
        content: "";
        display: table;
    }

    .Copyright:after {
        clear: both;
    }

    .Copyright a[target="_blank"] {
        padding-right: 5px;
    }

        .Copyright a[target="_blank"]:after {
            content: "";
            position: relative;
            top: 1px;
            display: inline-block;
            margin-left: 3px;
            width: 10px;
            height: 10px;
            background-size: contain;
        }

        .Copyright a[target="_blank"]:after {
            background-image: url("data:image/svg+xml,%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M240.835%2C2.5h-89.868c-7.259%2C0-13.163%2C5.906-13.163%2C13.165c0%2C7.259%2C5.904%2C13.164%2C13.163%2C13.164h58.089l-88.578%2C88.578c-2.487%2C2.487-3.855%2C5.792-3.855%2C9.309c0%2C3.516%2C1.368%2C6.822%2C3.855%2C9.308c2.485%2C2.485%2C5.791%2C3.855%2C9.306%2C3.855c3.519%2C0%2C6.826-1.37%2C9.311-3.856l88.577-88.576v58.087c0%2C7.259%2C5.905%2C13.164%2C13.163%2C13.164c7.26%2C0%2C13.165-5.905%2C13.165-13.164V15.665C254%2C8.406%2C248.095%2C2.5%2C240.835%2C2.5z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M195.901%2C114.835c-7.26%2C0-13.165%2C5.905-13.165%2C13.165v99.172H29.328V73.763H128.5c7.26%2C0%2C13.165-5.906%2C13.165-13.165c0-7.258-5.905-13.164-13.165-13.164H16.165C8.906%2C47.435%2C3%2C53.34%2C3%2C60.599v179.737c0%2C7.259%2C5.906%2C13.164%2C13.165%2C13.164h179.737c7.26%2C0%2C13.165-5.905%2C13.165-13.165V128C209.066%2C120.741%2C203.161%2C114.835%2C195.901%2C114.835z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        }

@media screen and (max-width: 767px) {
    .Copyright {
        padding-top: 0;
    }
}

.Copyright-content {
    padding: 20px 20px 18px;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    zoom: 1;
    letter-spacing: 0.01em;
}

    .Copyright-content:before,
    .Copyright-content:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .Copyright-content:after {
        clear: both;
    }

    .Copyright-content:before,
    .Copyright-content:after {
        content: "";
        display: table;
    }

    .Copyright-content:after {
        clear: both;
    }

    .Copyright-content a[target="_blank"] {
        padding-right: 5px;
    }

        .Copyright-content a[target="_blank"]:after {
            content: "";
            position: relative;
            top: 1px;
            display: inline-block;
            margin-left: 3px;
            width: 10px;
            height: 10px;
            background-size: contain;
        }

        .Copyright-content a[target="_blank"]:after {
            background-image: url("data:image/svg+xml,%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M240.835%2C2.5h-89.868c-7.259%2C0-13.163%2C5.906-13.163%2C13.165c0%2C7.259%2C5.904%2C13.164%2C13.163%2C13.164h58.089l-88.578%2C88.578c-2.487%2C2.487-3.855%2C5.792-3.855%2C9.309c0%2C3.516%2C1.368%2C6.822%2C3.855%2C9.308c2.485%2C2.485%2C5.791%2C3.855%2C9.306%2C3.855c3.519%2C0%2C6.826-1.37%2C9.311-3.856l88.577-88.576v58.087c0%2C7.259%2C5.905%2C13.164%2C13.163%2C13.164c7.26%2C0%2C13.165-5.905%2C13.165-13.164V15.665C254%2C8.406%2C248.095%2C2.5%2C240.835%2C2.5z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M195.901%2C114.835c-7.26%2C0-13.165%2C5.905-13.165%2C13.165v99.172H29.328V73.763H128.5c7.26%2C0%2C13.165-5.906%2C13.165-13.165c0-7.258-5.905-13.164-13.165-13.164H16.165C8.906%2C47.435%2C3%2C53.34%2C3%2C60.599v179.737c0%2C7.259%2C5.906%2C13.164%2C13.165%2C13.164h179.737c7.26%2C0%2C13.165-5.905%2C13.165-13.165V128C209.066%2C120.741%2C203.161%2C114.835%2C195.901%2C114.835z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        }

@media screen and (max-width: 999px) {
    .Copyright-content {
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .Copyright-content {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
}

.Copyright-content .Icon-hearth {
    position: relative;
    fill: #ffffff;
    top: -1px;
    width: 16px;
    height: 14px;
}

.Copyright--small {
    padding: 15px 0 16px 0;
}

.Copyright-left {
    float: left;
}

@media screen and (max-width: 999px) {
    .Copyright-left {
        float: none;
        text-align: center;
    }
}

.Copyright-right {
    float: right;
    text-decoration: none;
}

    .Copyright-right:hover .Icon-hearth {
        -webkit-transition: color 200ms ease;
        transition: color 200ms ease;
        -webkit-animation: beat .6s infinite alternate;
        animation: beat .6s infinite alternate;
        -webkit-transform-origin: center;
        transform-origin: center;
    }

@media screen and (max-width: 999px) {
    .Copyright-right {
        display: block;
        float: none;
        margin-top: 10px;
    }
}

.Error .Logo {
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -111px;
}

@media screen and (max-width: 999px) {
    .Error .Logo {
        margin-left: -50px;
    }
}

.Error--holder {
    height: 100%;
}

    .Error--holder .Error-holder {
        min-height: 400px;
        height: calc(100% - 63px - 100px);
    }

@media screen and (max-width: 999px) {
    .Error--holder .Error-holder {
        height: calc(100% - 89px - 50px);
    }
}

.Error--servicePage .Error-wrapper {
    margin: 50px auto;
}

@media screen and (max-width: 767px) {
    .Error--servicePage .Error-wrapper {
        max-width: 80%;
        margin: 20px auto;
    }
}

@media screen and (max-width: 1339px) {
    .Error--servicePage .Error-holder {
        height: auto;
    }
}

.Error-wrapper {
    text-align: center;
    max-width: 60%;
    margin: 100px auto;
}

@media screen and (max-width: 767px) {
    .Error-wrapper {
        margin: 30px auto;
    }
}

.Error-heading {
    text-transform: uppercase;
    margin-top: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    margin-bottom: 35px;
}

.Error-subheading {
    color: #d42724;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}

.Error-icon {
    font-size: 40px;
    margin-bottom: 20px;
    color: #d42724;
}

.Error-main {
    text-align: center;
    max-width: 60%;
    margin: 150px auto;
}

.Error-subheading {
    color: #d42724;
    font-size: 24pt;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

.Filter .Form-row,
.Filter .Form-item {
    position: relative;
    margin: 0;
    padding: 0;
}

.Filter .Control-label {
    position: absolute;
    left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
    border-right: 1px solid #e9e5dc;
    font-size: 13px;
    text-transform: uppercase;
}

    .Filter .Control-label + .Icon {
        position: absolute;
        left: auto;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        fill: #5f5752;
        width: 16px;
        height: 16px;
    }

.Filter-item .Control input,
.Filter-item .Control textarea,
.Filter-item .Control-input,
.Filter-item .Button,
.Filter-item .cc_btn {
    height: 43px;
    border-color: transparent;
}

.Filter-search .Filter-item--fulltextSearch {
    width: 547px;
}

    .Filter-search .Filter-item--fulltextSearch .Control-label {
        display: none;
    }

.Filter-traffic .Filter-item--transport {
    width: 270px;
}

    .Filter-traffic .Filter-item--transport .Dropdown-current {
        padding-left: 58px;
    }

.Filter-traffic .Filter-item--type {
    width: 240px;
}

    .Filter-traffic .Filter-item--type .Dropdown-current {
        padding-left: 58px;
    }

.Filter-traffic .Filter-item--calendar {
    width: 212px;
}

    .Filter-traffic .Filter-item--calendar .Dropdown-current {
        padding-left: 44px;
    }

    .Filter-traffic .Filter-item--calendar .Icon--calendar {
        width: 16px;
        height: 16px;
    }

.Filter-traffic .Filter-item--trafficFulltext {
    width: 290px;
}

    .Filter-traffic .Filter-item--trafficFulltext .Control-label {
        display: none;
    }

.Filter-traffic .Filter-item--fulltextSearch {
    width: 520px;
}

    .Filter-traffic .Filter-item--fulltextSearch .Control-label {
        display: none;
    }

.Filter-traffic .Filter-item--buttons {
    width: 158px;
}

    .Filter-traffic .Filter-item--buttons.Filter-item--short {
        width: 158px;
    }

    .Filter-traffic .Filter-item--buttons.Filter-item--long {
        width: 200px;
    }

@media screen and (max-width: 1339px) {
    .Filter-traffic .Filter-item--transport .Dropdown-current,
    .Filter-traffic .Filter-item--type .Dropdown-current,
    .Filter-traffic .Filter-item--calendar .Dropdown-current {
        padding-left: 58px;
    }

    .Filter-traffic .Filter-item--transport .Dropdown-icon,
    .Filter-traffic .Filter-item--type .Dropdown-icon,
    .Filter-traffic .Filter-item--calendar .Dropdown-icon {
        width: 47px;
        text-align: center;
    }

    .Filter-traffic .Filter-item--trafficFulltext .Control input[type="text"] {
        font-size: 13px;
    }

    .Filter-traffic .Filter-item--transport,
    .Filter-traffic .Filter-item--type,
    .Filter-traffic .Filter-item--calendar {
        width: 33.334%;
    }

    .Filter-traffic .Filter-item--trafficFulltext,
    .Filter-traffic .Filter-item--buttons {
        margin-top: 15px;
        width: 50%;
    }

        .Filter-traffic .Filter-item--transport.Filter-item--short,
        .Filter-traffic .Filter-item--type.Filter-item--short,
        .Filter-traffic .Filter-item--calendar.Filter-item--short,
        .Filter-traffic .Filter-item--trafficFulltext.Filter-item--short,
        .Filter-traffic .Filter-item--buttons.Filter-item--short,
        .Filter-traffic .Filter-item--transport.Filter-item--long,
        .Filter-traffic .Filter-item--type.Filter-item--long,
        .Filter-traffic .Filter-item--calendar.Filter-item--long,
        .Filter-traffic .Filter-item--trafficFulltext.Filter-item--long,
        .Filter-traffic .Filter-item--buttons.Filter-item--long,
        .Filter-traffic .Filter-item--transport .Button,
        .Filter-traffic .Filter-item--type .Button,
        .Filter-traffic .Filter-item--calendar .Button,
        .Filter-traffic .Filter-item--trafficFulltext .Button,
        .Filter-traffic .Filter-item--buttons .Button,
        .Filter-traffic .Filter-item--transport .cc_btn,
        .Filter-traffic .Filter-item--type .cc_btn,
        .Filter-traffic .Filter-item--calendar .cc_btn,
        .Filter-traffic .Filter-item--trafficFulltext .cc_btn,
        .Filter-traffic .Filter-item--buttons .cc_btn {
            width: 100%;
        }
}

@media screen and (max-width: 999px) {
    .Filter-traffic .Filter-item--transport .Dropdown-current,
    .Filter-traffic .Filter-item--type .Dropdown-current,
    .Filter-traffic .Filter-item--calendar .Dropdown-current {
        padding-left: 58px;
    }

    .Filter-traffic .Filter-item--transport .Dropdown-icon,
    .Filter-traffic .Filter-item--type .Dropdown-icon,
    .Filter-traffic .Filter-item--calendar .Dropdown-icon {
        width: 47px;
        text-align: center;
    }

    .Filter-traffic .Filter-item--trafficFulltext .Control input[type="text"] {
        font-size: 13px;
    }

    .Filter-traffic .Filter-item--transport,
    .Filter-traffic .Filter-item--type,
    .Filter-traffic .Filter-item--calendar,
    .Filter-traffic .Filter-item--trafficFulltext,
    .Filter-traffic .Filter-item--buttons,
    .Filter-traffic .Filter-item--transport.Filter-item--short,
    .Filter-traffic .Filter-item--type.Filter-item--short,
    .Filter-traffic .Filter-item--calendar.Filter-item--short,
    .Filter-traffic .Filter-item--trafficFulltext.Filter-item--short,
    .Filter-traffic .Filter-item--buttons.Filter-item--short,
    .Filter-traffic .Filter-item--transport.Filter-item--long,
    .Filter-traffic .Filter-item--type.Filter-item--long,
    .Filter-traffic .Filter-item--calendar.Filter-item--long,
    .Filter-traffic .Filter-item--trafficFulltext.Filter-item--long,
    .Filter-traffic .Filter-item--buttons.Filter-item--long,
    .Filter-traffic .Filter-item--transport .Button,
    .Filter-traffic .Filter-item--type .Button,
    .Filter-traffic .Filter-item--calendar .Button,
    .Filter-traffic .Filter-item--trafficFulltext .Button,
    .Filter-traffic .Filter-item--buttons .Button,
    .Filter-traffic .Filter-item--transport .cc_btn,
    .Filter-traffic .Filter-item--type .cc_btn,
    .Filter-traffic .Filter-item--calendar .cc_btn,
    .Filter-traffic .Filter-item--trafficFulltext .cc_btn,
    .Filter-traffic .Filter-item--buttons .cc_btn {
        width: 100%;
    }
}

.Filter-gmaps .Filter-item--fulltext .Control-label {
    display: none;
}

.Filter-gmaps .Filter-checkboxes .Checkbox-label {
    color: #ffffff;
    font-weight: 500;
}

.Filter-liftstatus .Filter-checkboxes .Checkbox-label {
    color: #ffffff;
    font-weight: 500;
}

.Filter-liftstatus .Form-row,
.Filter-liftstatus .Form-item {
    position: relative;
    margin: 0;
    padding: 0;
}

.Filter-liftstatus .Control-label {
    position: absolute;
    left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 8px;
    width: 34px;
    height: 32px;
    line-height: 32px;
    border-right: 1px solid #e9e5dc;
    font-size: 13px;
    text-transform: uppercase;
}

    .Filter-liftstatus .Control-label .Icon {
        position: absolute;
        left: auto;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        fill: #5f5752;
        width: 16px;
        height: 16px;
    }

.Filter-liftstatus .Control input {
    height: 43px;
    border: 0;
}

.Filter-liftstatus .Filter-textInput {
    width: 260px;
}

    .Filter-liftstatus .Filter-textInput .Control input[type="text"] {
        padding-left: 58px;
    }

.Filter-liftstatus .Filter-buttons {
    width: 240px;
}

@media screen and (max-width: 999px) {
    .Filter-liftstatus .Filter-textInput,
    .Filter-liftstatus .Filter-buttons {
        width: 100%;
    }
}

.footer-Links {
    padding: 20px;
}

    .footer-Links a[target="_blank"] {
        padding-right: 5px;
    }

        .footer-Links a[target="_blank"]:after {
            content: "";
            position: relative;
            top: 1px;
            display: inline-block;
            margin-left: 3px;
            width: 10px;
            height: 10px;
            background-size: contain;
        }

        .footer-Links a[target="_blank"]:after {
            background-image: url("data:image/svg+xml,%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M240.835%2C2.5h-89.868c-7.259%2C0-13.163%2C5.906-13.163%2C13.165c0%2C7.259%2C5.904%2C13.164%2C13.163%2C13.164h58.089l-88.578%2C88.578c-2.487%2C2.487-3.855%2C5.792-3.855%2C9.309c0%2C3.516%2C1.368%2C6.822%2C3.855%2C9.308c2.485%2C2.485%2C5.791%2C3.855%2C9.306%2C3.855c3.519%2C0%2C6.826-1.37%2C9.311-3.856l88.577-88.576v58.087c0%2C7.259%2C5.905%2C13.164%2C13.163%2C13.164c7.26%2C0%2C13.165-5.905%2C13.165-13.164V15.665C254%2C8.406%2C248.095%2C2.5%2C240.835%2C2.5z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M195.901%2C114.835c-7.26%2C0-13.165%2C5.905-13.165%2C13.165v99.172H29.328V73.763H128.5c7.26%2C0%2C13.165-5.906%2C13.165-13.165c0-7.258-5.905-13.164-13.165-13.164H16.165C8.906%2C47.435%2C3%2C53.34%2C3%2C60.599v179.737c0%2C7.259%2C5.906%2C13.164%2C13.165%2C13.164h179.737c7.26%2C0%2C13.165-5.905%2C13.165-13.165V128C209.066%2C120.741%2C203.161%2C114.835%2C195.901%2C114.835z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        }

    .footer-Links ul {
        position: relative;
        margin-bottom: 15px;
        padding-top: 8px;
        line-height: 1.25em;
        font-size: 0.87em;
        letter-spacing: 0.01em;
    }

        .footer-Links ul li {
            position: relative;
            color: #000000;
            font-family: 'Source Sans Pro', sans-serif;
            line-height: 1.3;
            padding-bottom: 7px;
            padding-left: 15px;
        }

            .footer-Links ul li:before {
                content: "";
                position: absolute;
                top: 7px;
                left: 5px;
                width: 1px;
                bottom: -10px;
                background-color: #7f7f7f;
            }

            .footer-Links ul li:after {
                content: "";
                position: absolute;
                top: 4px;
                left: 0;
                width: 11px;
                height: 11px;
                background-color: #000000;
                border: 2px solid #ffffff;
                border-radius: 50%;
            }

            .footer-Links ul li:last-child {
                padding-bottom: 0;
            }

                .footer-Links ul li:last-child:before {
                    display: none;
                }

            .footer-Links ul li ul {
                padding: 8px 0 0;
                margin-bottom: 0;
            }

                .footer-Links ul li ul li:last-child {
                    padding-bottom: 0;
                }

                    .footer-Links ul li ul li:last-child:before {
                        display: block;
                    }

                .footer-Links ul li ul li:before {
                    content: "";
                    position: absolute;
                    top: 7px;
                    left: 1px;
                    width: 6px;
                    height: 6px;
                    background-color: transparent;
                    border: 1px solid #000000;
                    border-radius: 50%;
                }

                .footer-Links ul li ul li:after {
                    display: none;
                }

        .footer-Links ul.List--colorRed li:before {
            background-color: #d42724;
        }

        .footer-Links ul.List--colorRed li:after {
            background-color: #d42724;
            border: 2px solid #ffffff;
        }

        .footer-Links ul.List--colorBgBrown li:before {
            background-color: #d42724;
        }

        .footer-Links ul.List--colorBgBrown li:after {
            background-color: #d42724;
            border: 2px solid #e9e5dc;
        }

        .footer-Links ul li:last-child {
            padding-bottom: 0;
        }

        .footer-Links ul li {
            margin-top: 5px;
        }

            .footer-Links ul li::before {
                top: 13px;
                bottom: -7px;
                background-color: #ffffff;
                opacity: 0.4;
            }

            .footer-Links ul li::after {
                left: 2px;
                width: 7px;
                height: 7px;
                background-color: #ffffff;
                border-color: #8b0511;
                border: 0;
            }

@media screen and (max-width: 767px) {
    .footer-Links {
        position: relative;
        border-bottom: 1px solid #A14F57;
        text-align: left;
    }

        .footer-Links:first-child {
            border-top: 0;
        }

        .footer-Links ul {
            margin: 0;
            padding: 0 20px;
        }

            .footer-Links ul.opened {
                padding-bottom: 20px;
            }
}

@media screen and (max-width: 999px) {
    .footer-Links-title {
        position: relative;
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .footer-Links-title {
        padding: 6px 20px;
        cursor: pointer;
    }

        .footer-Links-title.Footer-caption {
            font-size: 13px;
        }

        .footer-Links-title:before {
            position: absolute;
            right: 18px;
            top: 20px;
            content: "";
            display: block;
            width: 6px;
            height: 2px;
            background-color: #ffffff;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
            -webkit-transition: -webkit-transform 0.25s ease;
            transition: -webkit-transform 0.25s ease;
            transition: transform 0.25s ease;
            transition: transform 0.25s ease, -webkit-transform 0.25s ease;
        }

        .footer-Links-title:after {
            position: absolute;
            right: 14px;
            top: 20px;
            content: "";
            display: block;
            width: 6px;
            height: 2px;
            background-color: #ffffff;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: -webkit-transform 0.25s ease;
            transition: -webkit-transform 0.25s ease;
            transition: transform 0.25s ease;
            transition: transform 0.25s ease, -webkit-transform 0.25s ease;
        }
}

.footer-Links-title.opened:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.footer-Links-title.opened:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.footer-Links-link {
    padding-left: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}

    .footer-Links-link:hover {
        text-decoration: underline;
    }

.footer-Links-block {
    height: auto;
}

@media screen and (max-width: 767px) {
    .footer-Links-block {
        max-height: 0;
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    .footer-Links-block.opened {
        margin-top: 10px;
        margin-left: 10px;
        max-height: 600px;
        overflow: hidden;
    }
}

.footer-Social {
    padding: 20px;
}

@media screen and (max-width: 999px) {
    .footer-Social {
        padding: 10px;
        text-align: center;
    }
}

.footer-Social-link {
    color: #c6ced5;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none;
}

    .footer-Social-link:hover {
        text-decoration: underline;
    }

.Footer {
    background-color: #8b0511;
    background-image: url('/common/images/layout/footer.jpg');
    background-repeat: no-repeat;
    background-position: 30% top;
    background-size: cover;
    padding: 40px 0;
    color: #ffffff;
}

    .Footer .Footer-hidden {
        display: none;
    }

@media screen and (max-width: 999px) {
    .Footer {
        padding-top: 0;
        padding-bottom: 20px;
    }

        .Footer .Container > .Grid {
            margin: 0;
        }
}

.Footer-border-line {
    border-top: 1px solid #7f7f7f;
}

.Footer-caption {
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}

.Footer-caption--inline {
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .Footer-caption--inline {
        display: block;
        text-align: center;
    }
}

.Footer-caption-note {
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

@media screen and (max-width: 767px) {
    .Footer-caption-note {
        display: block;
        text-align: center;
    }
}

.Footer-contact {
    display: inline-block;
    margin: 0;
    margin-top: 16px;
    padding: 8px 20px;
    white-space: nowrap;
    background-color: #ffffff;
    border-radius: 20px;
    color: #d42724;
    letter-spacing: 0.01em;
}

    .Footer-contact .Icon-phone {
        margin-right: 5px;
    }

@media screen and (max-width: 999px) {
    .Footer-contact {
        margin: 0 auto;
        margin-bottom: 50px;
        text-align: center;
    }
}

.Footer-contactPhone {
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
}

.Liftmap {
    display: block;
    position: relative;
    background-size: 100% auto;
    border-radius: 8px;
}

.Liftmap--metroImage {
    width: 1200px;
    height: 800px;
    background-image: url('/common/images/layout/liftmap/metro-map.jpg');
    background-size: auto 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1339px) {
    .Liftmap--metroImage {
        margin-left: auto;
        margin-right: auto;
        width: 600px;
        height: 400px;
        text-align: center;
    }
}

.Liftmap-marker {
    position: absolute;
    margin-left: -12px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
}

    .Liftmap-marker .Icon {
        width: 22px;
        height: 22px;
    }

@media screen and (max-width: 1339px) {
    .Liftmap-marker {
        margin-left: -10px;
        margin-top: -13px;
        width: 16px;
        height: 16px;
    }

        .Liftmap-marker .Icon {
            width: 16px;
            height: 16px;
        }
}

.Liftmap-marker.Liftmap-marker--terminus {
    border-radius: 8px;
}

@media screen and (max-width: 1339px) {
    .Box-liftmap {
        padding: 50px 0;
    }
}

@media screen and (max-width: 767px) {
    .Box-liftmap {
        display: none;
    }
}
/*
 * Pozice zastávek - imagemap
 * trasy linky metra A/B/C (Praha)
 */
/* Trasa A */
.Liftmap-marker[data-station-id="A2104"] {
    top: 44.6%;
    left: 18.1%;
}

.Liftmap-marker[data-station-id="A2106"] {
    top: 32.6%;
    left: 20.2%;
}

.Liftmap-marker[data-station-id="A2107"] {
    top: 24.0%;
    left: 21.9%;
}

.Liftmap-marker[data-station-id="A2108"] {
    top: 24.0%;
    left: 28.3%;
}

.Liftmap-marker[data-station-id="A2109"] {
    top: 24.0%;
    left: 35.6%;
}
/*
//Hradčanská
.Liftmap-marker[data-station-id="a6"] {
    top: 28.5%;
    left: 39.8%;
}

//Malostranská
.Liftmap-marker[data-station-id="a7"] {
    top: 36.9%;
    left: 40.1%;
}

//Staroměstská
.Liftmap-marker[data-station-id="a8"] {
    top: 41.9%;
    left: 45.6%;
}
*/
.Liftmap-marker[data-station-id="A2110"],
.Liftmap-marker[data-station-id="C2136"] {
    top: 55.2%;
    left: 54.9%;
}
/*
//Náměstí Míru
.Liftmap-marker[data-station-id="a11"] {
    top: 59.4%;
    left: 57.9%;
}

//Jiřího z Poděbrad
.Liftmap-marker[data-station-id="a12"] {
    top: 58.5%;
    left: 61.8%;
}

//Flora
.Liftmap-marker[data-station-id="a13"] {
    top: 58.5%;
    left: 65.4%;
}

//Želivského
.Liftmap-marker[data-station-id="a14"] {
    top: 58.5%;
    left: 68.4%;
}
*/
.Liftmap-marker[data-station-id="A2111"] {
    top: 63.2%;
    left: 71.7%;
}

.Liftmap-marker[data-station-id="A2112"] {
    top: 66.1%;
    left: 75.5%;
}

.Liftmap-marker[data-station-id="A2113"] {
    top: 59.7%;
    left: 80.5%;
}
/* Trasa B */
.Liftmap-marker[data-station-id="B2114"] {
    top: 65.0%;
    left: 8.5%;
}

.Liftmap-marker[data-station-id="B2115"] {
    top: 68.0%;
    left: 10.5%;
}

.Liftmap-marker[data-station-id="B2116"] {
    top: 71.9%;
    left: 13.1%;
}

.Liftmap-marker[data-station-id="B2117"] {
    top: 75.0%;
    left: 16.5%;
}

.Liftmap-marker[data-station-id="B2118"] {
    top: 75.0%;
    left: 21.7%;
}

.Liftmap-marker[data-station-id="B2119"] {
    top: 75.0%;
    left: 26.8%;
}
/*
//Jinonice
.Liftmap-marker[data-station-id="b7"] {
    top: 75.0%;
    left: 31.8%;
}

//Radlická
.Liftmap-marker[data-station-id="b8"] {
    top: 75.0%;
    left: 37.2%;
}
*/
.Liftmap-marker[data-station-id="B2120"] {
    top: 71.0%;
    left: 40.0%;
}

.Liftmap-marker[data-station-id="B2151"] {
    top: 65.0%;
    left: 40.0%;
}
/*
//Karlovo náměstí
.Liftmap-marker[data-station-id="b11"] {
    top: 60.9%;
    left: 46.2%;
}
*/
.Liftmap-marker[data-station-id="B2149"] {
    top: 52.4%;
    left: 47.7%;
}

.Liftmap-marker[data-station-id="B2153"],
.Liftmap-marker[data-station-id="A2152"] {
    top: 46.7%;
    left: 49.1%;
}
/*
//Náměstí Republiky
.Liftmap-marker[data-station-id="b14"] {
    top: 41.2%;
    left: 52.7%;
}
*/
.Liftmap-marker[data-station-id="B2121"],
.Liftmap-marker[data-station-id="C2133"] {
    top: 40.8%;
    left: 55.45%;
}
/*
//Križíkova
.Liftmap-marker[data-station-id="b16"] {
    top: 40.6%;
    left: 58.9%;
}

//Invalidovna
.Liftmap-marker[data-station-id="b17"] {
    top: 36.3%;
    left: 61.4%;
}
*/
.Liftmap-marker[data-station-id="B2154"] {
    top: 31.9%;
    left: 64.4%;
}
/*
//Českomoravská
.Liftmap-marker[data-station-id="b19"] {
    top: 28.6%;
    left: 69.4%;
}
*/
.Liftmap-marker[data-station-id="B2122"] {
    top: 28.6%;
    left: 74.0%;
}

.Liftmap-marker[data-station-id="B2123"] {
    top: 28.6%;
    left: 78.2%;
}

.Liftmap-marker[data-station-id="B2124"] {
    top: 33.2%;
    left: 81.3%;
}

.Liftmap-marker[data-station-id="B2125"] {
    top: 36.9%;
    left: 86.5%;
}

.Liftmap-marker[data-station-id="B2126"],
.Liftmap-marker[data-station-id="B2127"] {
    top: 36.9%;
    left: 91.6%;
}
/* Trasa C */
.Liftmap-marker[data-station-id="C2143"] {
    top: 85.7%;
    left: 84.6%;
}

.Liftmap-marker[data-station-id="C2142"] {
    top: 85.7%;
    left: 80.1%;
}

.Liftmap-marker[data-station-id="C2141"] {
    top: 85.7%;
    left: 74.8%;
}

.Liftmap-marker[data-station-id="C2140"] {
    top: 85.7%;
    left: 69.7%;
}
/*
//Kačerov
.Liftmap-marker[data-station-id="c5"] {
    top: 85.7%;
    left: 64.5%;
}
*/
.Liftmap-marker[data-station-id="C2139"] {
    top: 82.8%;
    left: 61.2%;
}

.Liftmap-marker[data-station-id="C2138"] {
    top: 79.1%;
    left: 58.8%;
}
/*
//Pražského povstání
.Liftmap-marker[data-station-id="c8"] {
    top: 75.0%;
    left: 55.9%;
}
*/
.Liftmap-marker[data-station-id="C2137"] {
    top: 69.3%;
    left: 54.0%;
}

.Liftmap-marker[data-station-id="C2150"] {
    top: 61.5%;
    left: 54.1%;
}

.Liftmap-marker[data-station-id="C2134"] {
    top: 47.5%;
    left: 55.4%;
}

.Liftmap-marker[data-station-id="C2132"] {
    top: 31.5%;
    left: 55.4%;
}

.Liftmap-marker[data-station-id="C2130"] {
    top: 25.0%;
    left: 55.4%;
}

.Liftmap-marker[data-station-id="C2129"] {
    top: 9.3%;
    left: 56.0%;
}

.Liftmap-marker[data-station-id="C2128"] {
    top: 5.8%;
    left: 61.6%;
}

.Liftmap-marker[data-station-id="C2147"] {
    top: 9.3%;
    left: 68.2%;
}

.Liftmap-marker[data-station-id="C2145"] {
    top: 14.7%;
    left: 73.7%;
}

.Liftmap-marker[data-station-id="C2144"] {
    top: 9.7%;
    left: 80.8%;
}

.Liftlist .Box--big {
    padding-bottom: 5px;
}

.Liftlist-station {
    font-size: 14px;
}

    .Liftlist-station .Box {
        padding-bottom: 10px;
    }

    .Liftlist-station .Heading {
        margin-top: 0;
    }

    .Liftlist-station ul {
        margin-top: -10px;
        margin-bottom: 30px;
    }

        .Liftlist-station ul li {
            position: relative;
            margin-top: 10px;
            padding-left: 36px;
        }

            .Liftlist-station ul li:before,
            .Liftlist-station ul li:after {
                display: none;
            }

@media screen and (max-width: 767px) {
    .Liftlist-station ul {
        margin-bottom: 15px;
    }
}

.Liftlist-marker {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -2px;
    width: 24px;
    height: 24px;
}

    .Liftlist-marker .Icon {
        width: 22px;
        height: 22px;
    }

@media screen and (max-width: 1339px) {
    .Liftlist-marker {
        margin-top: 0;
        width: 12px;
        height: 12px;
    }
}

.Liftlist-marker.Liftmap-marker--terminus {
    border-radius: 8px;
}

.Logo {
    display: block;
    margin: 0;
    padding: 0;
}

.Logo-image {
    margin-top: 27px;
    margin-right: 30px;
    width: 220px;
    max-width: 100%;
}

@media screen and (max-width: 999px) {
    .Logo-image {
        margin: 0;
        margin-top: 0;
        width: auto;
        max-height: 40px;
    }
}

@media screen and (max-width: 441px) {
    .Logo-image {
        margin-top: 5px;
        max-width: 140px;
    }
}

.Header-topBar {
    font-weight: 600;
    line-height: 40px;
}

.Header-topBar-table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.Header-topBar-cell {
    position: relative;
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 35px;
}

@media screen and (min-width: 1000px) {
    .Header-topBar-link {
        color: #76685b;
        text-decoration: none;
    }

        .Header-topBar-link .Icon {
            margin-right: 5px;
        }

        .Header-topBar-link:hover {
            text-decoration: underline;
        }

    .Header-services--language .Icon {
        margin-top: 3px;
        width: 10px;
        height: 10px;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .Header-services--language:hover .Icon,
    .Header-services--language.is-active .Icon {
        margin-top: 1px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .Header-topBar-linkLogout .Icon--logout {
        margin-right: 0;
        margin-left: 10px;
        width: 18px;
        height: 18px;
    }

    .Header-topBar-linkLogout:hover .Icon--logout {
        fill: #d42724;
    }

    .Header-services .Header-topBar-cell .Header-topBar-link {
        margin-top: 3px;
        margin-left: 10px;
        padding: 0 20px 5px;
        text-decoration: none;
        color: #76685b;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0.01em;
        -webkit-transition: color 200ms ease;
        transition: color 200ms ease;
        border-radius: 8px 8px 0 0;
        white-space: nowrap;
    }

    .Header-services .Header-topBar-cell.Header-services--search:hover .Header-topBar-link,
    .Header-services .Header-topBar-cell.Header-services--noPopup:hover .Header-topBar-link {
        font-weight: 700;
        color: #000000;
    }

    .Header-services .Header-topBar-cell.Header-services--search.is-active .Header-topBar-link,
    .Header-services .Header-topBar-cell.Header-services--noPopup.is-active .Header-topBar-link {
        position: relative;
        z-index: 12;
        font-weight: 700;
        color: #000000;
        background-color: #ffffff;
        -webkit-transition: color 200ms ease;
        transition: color 200ms ease;
        -webkit-box-shadow: 0 -5px 5px #e7e4e3;
        box-shadow: 0 -5px 5px #e7e4e3;
    }

    .Header-services .Header-topBar-cell.Header-services--language:hover .Header-topBar-link,
    .Header-services .Header-topBar-cell.Header-services--user:hover .Header-topBar-link,
    .Header-services .Header-topBar-cell.Header-services--language.is-active .Header-topBar-link,
    .Header-services .Header-topBar-cell.Header-services--user.is-active .Header-topBar-link {
        position: relative;
        z-index: 12;
        font-weight: 700;
        color: #000000;
        background-color: #ffffff;
        -webkit-transition: color 200ms ease;
        transition: color 200ms ease;
        -webkit-box-shadow: 0 -5px 5px #e7e4e3;
        box-shadow: 0 -5px 5px #e7e4e3;
    }

    .Header-topBar-link {
        display: inline-block;
    }

    .Lang-item--mobile,
    .Header-services--menu {
        display: none;
    }
}

@media screen and (max-width: 999px) {
    .Header-topBar-link {
        position: relative;
        display: inline-block;
        padding: 0 8px;
        padding-top: 10px;
        font-size: 11px;
        color: #76685b;
        text-decoration: none;
    }

        .Header-topBar-link:hover {
            text-decoration: underline;
        }

        .Header-topBar-link .Icon,
        .Header-topBar-link .IconText {
            display: block;
            margin: 0 auto;
            text-align: center;
            width: 14px;
            height: 15px;
            vertical-align: top;
            position: absolute;
            top: 1px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            line-height: 1em;
        }

        .Header-topBar-link .IconText {
            top: 0;
            width: 20px;
            height: 10px;
            font-size: 16px;
        }

    .Lang-item--desktop {
        display: none;
    }

    .Lang-item--mobile {
        display: block;
    }

    .Header-services--search,
    .Header-services--language,
    .Header-services--menu {
        position: relative;
        padding-top: 12px;
        width: 33.334%;
        height: 60px;
        text-align: center;
    }

        .Header-services--search.is-active,
        .Header-services--language.is-active,
        .Header-services--menu.is-active {
            z-index: 6;
            height: 61px;
            background-color: #ffffff;
            border-bottom: 1px solid #ffffff;
            color: #000000;
        }

            .Header-services--search.is-active .Icon,
            .Header-services--language.is-active .Icon,
            .Header-services--menu.is-active .Icon {
                fill: #000000;
            }

        .Header-services--search.is-active {
            border-right: 1px solid #e9e5dc;
        }

        .Header-services--language.is-active {
            border-left: 1px solid #e9e5dc;
            border-right: 1px solid #e9e5dc;
        }

        .Header-services--menu.is-active {
            border-left: 1px solid #e9e5dc;
        }

        .Header-services--menu .is-close {
            display: block;
        }

        .Header-services--menu .is-open {
            display: none;
        }

        .Header-services--menu.is-active .is-close {
            display: none;
        }

        .Header-services--menu.is-active .is-open {
            display: block;
        }

    .Header-services--user {
        display: none;
    }

    .Header-services--menu {
        display: block;
    }

        .Header-services--menu .Icon--cross {
            top: 3px;
            width: 10px;
            height: 10px;
        }
}

@media screen and (min-width: 1000px) {
    .header-Language {
        display: none;
        position: absolute;
        top: 35px;
        right: 0;
        padding: 0;
        width: 90px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 20px #b7b0ac;
        box-shadow: 0 0 20px #b7b0ac;
        border-radius: 4px 0 4px 4px;
    }

    .Header-services--language.is-active .header-Language {
        display: block;
    }

    .Header-services--language:hover .header-Language {
        display: block;
    }

    .header-Language-list {
        padding-left: 0;
        list-style: none;
        text-align: right;
    }

        .header-Language-list:first-child .header-Language-link {
            border-radius: 4px 0 0 0;
        }

        .header-Language-list:last-child .header-Language-link {
            border-radius: 0 0 4px 4px;
        }
}

.header-Language-link {
    position: relative;
    display: block;
    padding: 2px 20px;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    letter-spacing: 0.01em;
}

    .header-Language-link::before {
        content: "";
        position: absolute;
        left: 20px;
        top: 50%;
        width: 19px;
        height: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: url('/common/images/layout/flags.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    .header-Language-link:hover {
        background-color: #F4F2ED;
    }

    .header-Language-link.is-active {
        text-decoration: none;
    }

.header-Language-link--cz:before {
    background-position: 0 0;
}

.header-Language-link--en:before {
    background-position: 0 -15px;
}

.header-Language-link--de:before {
    background-position: 0 -30px;
}

@media screen and (max-width: 999px) {
    .header-Language {
        display: none;
    }

    .header-Language-list {
        border-bottom: 1px solid #e9e5dc;
    }

    .header-Language-link {
        padding-left: 48%;
        text-align: left;
    }

        .header-Language-link::before {
            left: calc(48% - 30px);
        }
}

@media screen and (min-width: 1000px) {
    .header-User {
        display: none;
        position: absolute;
        top: 35px;
        right: 0;
        padding: 0;
        width: 250px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 20px #b7b0ac;
        box-shadow: 0 0 20px #b7b0ac;
        border-radius: 4px 0 4px 4px;
    }

    .Header-services--user.is-active .header-User {
        display: block;
    }

    .Header-services--user:hover .header-User,
    .Header-services--user.is-active .header-User {
        z-index: 11;
        display: block;
    }

    .User-content {
        padding: 13px 20px 15px;
    }
}

.User-name,
.User-email {
    color: #000000;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.User-email {
    font-size: 14px;
    font-weight: 400;
}

.User-link {
    color: #d42724;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.User-oddDot {
    display: inline-block;
    margin: 0 5px;
    width: 7px;
    height: 7px;
    background-color: #e9e5dc;
    border-radius: 50%;
}

@media screen and (max-width: 999px) {
    .header-User-mobile .navigation-Submenu li {
        list-style: none;
        margin: 0;
        padding: 0 2px;
    }

        .header-User-mobile .navigation-Submenu li:before {
            display: none;
        }

    .header-User {
        padding: 0;
        width: 210px;
    }

        .header-User .Hr {
            margin-top: 15px;
        }
}

@media screen and (min-width: 1000px) {
    .header-Search {
        display: none;
        position: absolute;
        top: 35px;
        right: 0;
        padding: 35px 30px 20px;
        width: 660px;
        height: 112px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 20px #b7b0ac;
        box-shadow: 0 0 20px #b7b0ac;
        border-radius: 4px 0 4px 4px;
    }

    .Header-services--search.is-active .header-Search {
        display: block;
    }

    .header-Search fieldset {
        position: relative;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .header-Search .Control {
        display: inline-block;
        width: 100%;
        padding-right: 140px;
    }

    .header-Search-buttons {
        position: absolute;
        top: 0;
        right: 0;
    }

        .header-Search-buttons .header-Search-submit {
            height: 45px;
        }

    .header-Search-input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        color: #ffffff;
        padding: 8px 8px 8px 16px;
        border-color: #b7afa6;
        outline: 0;
        background: transparent;
        line-height: 20px;
        font-size: 14px;
    }

        .header-Search-input::-webkit-input-placeholder {
            color: #76685b;
        }

        .header-Search-input::-moz-placeholder {
            color: #76685b;
        }

        .header-Search-input::-ms-input-placeholder {
            color: #76685b;
        }

        .header-Search-input::placeholder {
            color: #76685b;
        }
}

@media screen and (max-width: 999px) {
    .header-Search {
        display: none;
    }

        .header-Search form {
            padding-bottom: 10px;
            border-bottom: 1px solid #e9e5dc;
        }

        .header-Search fieldset {
            position: relative;
            margin: 10px 20px;
            padding: 2px;
            border: 1px solid #b7afa6;
            border-radius: 4px;
        }

        .header-Search .Control {
            display: inline-block;
            width: 100%;
            padding-right: 41px;
        }

    .header-Search-buttons {
        position: absolute;
        top: 2px;
        right: 2px;
    }

        .header-Search-buttons .header-Search-submit {
            position: relative;
            overflow: hidden;
            text-indent: -200px;
            height: 38px;
            min-height: 38px;
        }

        .header-Search-buttons .Icon {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            fill: #ffffff !important;
        }

    .header-Search-input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 38px !important;
        color: #ffffff;
        padding: 0;
        border: 0 !important;
        outline: 0;
        background: transparent;
        line-height: 20px;
        font-size: 14px;
    }

        .header-Search-input::-webkit-input-placeholder {
            color: #5f5752;
        }

        .header-Search-input::-moz-placeholder {
            color: #5f5752;
        }

        .header-Search-input::-ms-input-placeholder {
            color: #5f5752;
        }

        .header-Search-input::placeholder {
            color: #5f5752;
        }
}

.Header {
    padding: 0;
    height: 100px;
    color: #000000;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 10px #dfdbd2;
    box-shadow: 0 0 10px #dfdbd2;
}

@media screen and (max-width: 999px) {
    .Header {
        height: 60px;
        padding: 0;
        zoom: 1;
    }

        .Header:before,
        .Header:after {
            content: " ";
            /* 1 */
            display: table;
            /* 2 */
        }

        .Header:after {
            clear: both;
        }

        .Header:before,
        .Header:after {
            content: "";
            display: table;
        }

        .Header:after {
            clear: both;
        }

        .Header .Container {
            padding: 0;
        }
}

.Header-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.Header-hamburger {
    position: relative;
    z-index: 3002;
    display: none;
    width: 50px;
    height: 60px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.010em;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                 not supported by any browser */
    cursor: pointer;
    text-align: center;
}

.is-openedNavi .Header-hamburger {
    display: none;
}

.Header-hamburger svg {
    display: block;
    margin: 15px auto 5px;
    font-size: 16px;
}

@media screen and (max-width: 999px) {
    .Header-hamburger {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }
}

.Header-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 30px;
}

.Header-flexItem {
    padding: 5px 6px;
    max-width: 50%;
}

.Header-flexItem--left {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.Header-flexItem--right {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.Header-logo {
    width: 300px;
    height: 100px;
    border-right: 1px solid #e9e5dc;
}

.Header-navigation {
    position: relative;
    margin-top: -35px;
    width: 100%;
}

.header-User-mobile {
    display: none;
}

.Header-services {
    position: absolute;
    top: -35px;
    right: 0;
}

@media screen and (max-width: 999px) {
    .Header-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 0;
    }

        .Header-wrapper > * {
            font-size: 1rem;
        }

    .Header-logo,
    .Header-services {
        position: static;
        display: inline-block;
        width: 50%;
        height: 60px;
    }

    .Header-logo {
        padding: 10px 10px 0;
        height: 60px;
        border-right: 1px solid #e9e5dc;
    }

    .Header-services {
        padding: 0;
    }

    .Header-navigation {
        position: fixed;
        margin: 0;
        display: none;
    }

    .header-User-mobile {
        display: block;
    }
}

@media screen and (min-width: 1000px) {
    .navigation-Submenu {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        left: 0;
        top: 35px;
        padding-left: 15px;
        width: 100%;
    }

    .navigation-Submenu-item {
        display: inline-block;
        padding: 0;
        vertical-align: middle;
        text-align: center;
    }

        .navigation-Submenu-item:hover .navigation-Submenu-link,
        .navigation-Submenu-item.is-active .navigation-Submenu-link {
            color: #d42724;
        }

        .navigation-Submenu-item.is-open .navigation-Submenu-arrow {
            bottom: -10px;
            opacity: 1;
        }

        .navigation-Submenu-item.is-open .navigation-Submenu2Wrapper {
            height: 252px;
            top: 100px;
        }

    .navigation-Submenu-link {
        position: relative;
        display: table-cell;
        padding: 5px 15px;
        height: 100px;
        vertical-align: middle;
        color: #000000;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 17px;
        font-weight: 600;
        line-height: 25px;
        letter-spacing: 0.01em;
        text-decoration: none;
    }

    .navigation-Submenu-arrow {
        display: block;
        position: absolute;
        z-index: 12;
        left: 50%;
        bottom: 10px;
        -webkit-transform: translateX(-50%) rotate(-45deg);
        transform: translateX(-50%) rotate(-45deg);
        width: 20px;
        height: 20px;
        background-color: #ffffff;
        border-top: 1px solid #e9e5dc;
        border-right: 1px solid #e9e5dc;
        -webkit-transition: all 0.35s ease-in;
        transition: all 0.35s ease-in;
        opacity: 0;
    }
}

@media screen and (max-width: 999px) {
    .navigation-Submenu {
        margin-left: 20px;
        position: relative;
        margin-bottom: 15px;
        padding-top: 8px;
        line-height: 1.25em;
        font-size: 0.87em;
        letter-spacing: 0.01em;
        padding: 0 15px 10px;
    }

        .navigation-Submenu li {
            position: relative;
            color: #000000;
            font-family: 'Source Sans Pro', sans-serif;
            line-height: 1.3;
            padding-bottom: 7px;
            padding-left: 15px;
        }

            .navigation-Submenu li:before {
                content: "";
                position: absolute;
                top: 7px;
                left: 5px;
                width: 1px;
                bottom: -10px;
                background-color: #7f7f7f;
            }

            .navigation-Submenu li:after {
                content: "";
                position: absolute;
                top: 4px;
                left: 0;
                width: 11px;
                height: 11px;
                background-color: #000000;
                border: 2px solid #ffffff;
                border-radius: 50%;
            }

            .navigation-Submenu li:last-child {
                padding-bottom: 0;
            }

                .navigation-Submenu li:last-child:before {
                    display: none;
                }

            .navigation-Submenu li ul {
                padding: 8px 0 0;
                margin-bottom: 0;
            }

                .navigation-Submenu li ul li:last-child {
                    padding-bottom: 0;
                }

                    .navigation-Submenu li ul li:last-child:before {
                        display: block;
                    }

                .navigation-Submenu li ul li:before {
                    content: "";
                    position: absolute;
                    top: 7px;
                    left: 1px;
                    width: 6px;
                    height: 6px;
                    background-color: transparent;
                    border: 1px solid #000000;
                    border-radius: 50%;
                }

                .navigation-Submenu li ul li:after {
                    display: none;
                }

        .navigation-Submenu.List--colorRed li:before {
            background-color: #d42724;
        }

        .navigation-Submenu.List--colorRed li:after {
            background-color: #d42724;
            border: 2px solid #ffffff;
        }

        .navigation-Submenu.List--colorBgBrown li:before {
            background-color: #d42724;
        }

        .navigation-Submenu.List--colorBgBrown li:after {
            background-color: #d42724;
            border: 2px solid #e9e5dc;
        }

        .navigation-Submenu li:last-child {
            padding-bottom: 0;
        }

    .navigation-Submenu-item,
    .navigation-Submenu-link {
        display: block;
        margin: 0;
        padding: 0;
        height: auto;
        text-align: left;
        font-size: 13px;
        font-weight: 600;
    }

    .navigation-Submenu-item {
        margin-top: 7px;
    }

    .navigation-Submenu-link {
        padding: 1px 5px;
        text-decoration: none;
    }

    .Navigation-item--user li::after {
        display: none;
    }
}

.navigation-Submenu2Wrapper {
    position: absolute;
    display: block;
    overflow: hidden;
    z-index: 11;
    left: -245px;
    right: -5px;
    top: 80px;
    padding: 0;
    height: 0;
    -webkit-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
}

.navigation-Submenu2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px 5px 0;
    padding: 30px;
    padding-bottom: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px #887d75;
    box-shadow: 0 0 5px #887d75;
    border-radius: 0 0 8px 8px;
}

    .navigation-Submenu2:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 0;
        right: 0;
        background-color: #ffffff;
        height: 10px;
        border-top: 1px solid #e9e5dc;
    }

.navigation-Submenu2-item {
    display: inline-block;
    margin-right: 25px;
    padding: 0;
    vertical-align: middle;
    text-align: center;
}

.navigation-Submenu2-link {
    display: table-cell;
    padding: 15px 5px;
    width: 150px;
    height: 180px;
    vertical-align: top;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
    text-decoration: none;
    text-align: center;
    border: 1px solid #e9e5dc;
    border-radius: 8px;
}

    .navigation-Submenu2-link:hover {
        background-color: #F4F2ED;
    }

    .navigation-Submenu2-link .Icon {
        display: block;
        margin: 15px auto;
        width: 60px;
        height: 60px;
    }

.navigation-Submenu2-itemListView {
    margin-right: 0;
    width: 250px;
}

.submenu-Links ul {
    position: relative;
    margin-bottom: 15px;
    padding-top: 8px;
    line-height: 1.25em;
    font-size: 0.87em;
    letter-spacing: 0.01em;
    padding-top: 0;
    text-align: left;
}

    .submenu-Links ul li {
        position: relative;
        color: #000000;
        font-family: 'Source Sans Pro', sans-serif;
        line-height: 1.3;
        padding-bottom: 7px;
        padding-left: 15px;
    }

        .submenu-Links ul li:before {
            content: "";
            position: absolute;
            top: 7px;
            left: 5px;
            width: 1px;
            bottom: -10px;
            background-color: #7f7f7f;
        }

        .submenu-Links ul li:after {
            content: "";
            position: absolute;
            top: 4px;
            left: 0;
            width: 11px;
            height: 11px;
            background-color: #000000;
            border: 2px solid #ffffff;
            border-radius: 50%;
        }

        .submenu-Links ul li:last-child {
            padding-bottom: 0;
        }

            .submenu-Links ul li:last-child:before {
                display: none;
            }

        .submenu-Links ul li ul {
            padding: 8px 0 0;
            margin-bottom: 0;
        }

            .submenu-Links ul li ul li:last-child {
                padding-bottom: 0;
            }

                .submenu-Links ul li ul li:last-child:before {
                    display: block;
                }

            .submenu-Links ul li ul li:before {
                content: "";
                position: absolute;
                top: 7px;
                left: 1px;
                width: 6px;
                height: 6px;
                background-color: transparent;
                border: 1px solid #000000;
                border-radius: 50%;
            }

            .submenu-Links ul li ul li:after {
                display: none;
            }

    .submenu-Links ul.List--colorRed li:before {
        background-color: #d42724;
    }

    .submenu-Links ul.List--colorRed li:after {
        background-color: #d42724;
        border: 2px solid #ffffff;
    }

    .submenu-Links ul.List--colorBgBrown li:before {
        background-color: #d42724;
    }

    .submenu-Links ul.List--colorBgBrown li:after {
        background-color: #d42724;
        border: 2px solid #e9e5dc;
    }

    .submenu-Links ul li:last-child {
        padding-bottom: 0;
    }

    .submenu-Links ul li {
        margin-top: 5px;
        padding-left: 20px;
        color: #d42724;
    }

        .submenu-Links ul li::before {
            background-color: #d42724;
            opacity: 0.4;
        }

        .submenu-Links ul li::after {
            background-color: #d42724;
            border-color: #ffffff;
        }

.submenu-Links-link {
    font-size: 14px;
    font-weight: 500;
}

    .submenu-Links-link:hover {
        text-decoration: none;
    }

@media screen and (max-width: 999px) {
    .navigation-Submenu2Wrapper {
        position: static;
        display: block;
        overflow: visible;
        left: 0;
        right: 0;
        top: 0;
        padding: 0;
        height: auto;
        text-align: left;
    }

    .navigation-Submenu2 {
        position: static;
        display: block;
        margin: 0;
        padding: 0;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
    }

        .navigation-Submenu2:before {
            display: none;
        }

    .navigation-Submenu2-item {
        display: block;
        margin: 2px 0 0;
        margin-left: 10px;
        padding: 0;
        text-align: left;
    }

        .navigation-Submenu2-item:before {
            top: 8px;
        }

    .navigation-Submenu2-link {
        display: block;
        padding: 0;
        width: 100%;
        height: auto;
        border: 0;
        border-radius: 0;
        font-size: 13px;
        font-weight: 500;
        line-height: 22px;
        text-align: left;
    }

        .navigation-Submenu2-link .Icon {
            display: none;
        }

        .navigation-Submenu2-link:hover {
            background-color: transparent;
        }

    .navigation-Submenu2-itemListView {
        display: none;
    }
}

@media screen and (max-width: 999px) {
    body.is-search-active,
    body.is-language-active,
    body.is-menu-active {
        overflow: hidden;
    }

        body.is-search-active .Header,
        body.is-language-active .Header,
        body.is-menu-active .Header {
            background-color: #F4F2ED;
        }

        body.is-search-active .Header-wrapper,
        body.is-language-active .Header-wrapper,
        body.is-menu-active .Header-wrapper {
            border-bottom: 1px solid #e9e5dc;
        }

        body.is-search-active .header-Search {
            position: fixed;
            z-index: 1;
            top: 61px;
            left: 0;
            right: 0;
            bottom: 0;
            display: block;
            margin: 0;
            padding-top: 10px;
            background: #ffffff;
            overflow: scroll;
        }

        body.is-language-active .header-Language {
            position: fixed;
            z-index: 1;
            top: 61px;
            left: 0;
            right: 0;
            bottom: 0;
            display: block;
            margin: 0;
            padding-top: 10px;
            background: #ffffff;
            overflow: scroll;
        }

        body.is-menu-active .Header-navigation {
            position: fixed;
            z-index: 6;
            top: 61px;
            bottom: 0;
            display: block;
            margin: 0;
            padding-top: 10px;
            background: #ffffff;
            overflow: scroll;
        }
}

.Navigation-list a[target="_blank"] {
    padding-right: 5px;
}

    .Navigation-list a[target="_blank"]:after {
        content: "";
        position: relative;
        top: 1px;
        display: inline-block;
        margin-left: 3px;
        width: 10px;
        height: 10px;
        background-size: contain;
    }

    .Navigation-list a[target="_blank"]:after {
        background-image: url("data:image/svg+xml,%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22256px%22%20height%3D%22256px%22%20viewBox%3D%220%200%20256%20256%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M240.835%2C2.5h-89.868c-7.259%2C0-13.163%2C5.906-13.163%2C13.165c0%2C7.259%2C5.904%2C13.164%2C13.163%2C13.164h58.089l-88.578%2C88.578c-2.487%2C2.487-3.855%2C5.792-3.855%2C9.309c0%2C3.516%2C1.368%2C6.822%2C3.855%2C9.308c2.485%2C2.485%2C5.791%2C3.855%2C9.306%2C3.855c3.519%2C0%2C6.826-1.37%2C9.311-3.856l88.577-88.576v58.087c0%2C7.259%2C5.905%2C13.164%2C13.163%2C13.164c7.26%2C0%2C13.165-5.905%2C13.165-13.164V15.665C254%2C8.406%2C248.095%2C2.5%2C240.835%2C2.5z%22%2F%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M195.901%2C114.835c-7.26%2C0-13.165%2C5.905-13.165%2C13.165v99.172H29.328V73.763H128.5c7.26%2C0%2C13.165-5.906%2C13.165-13.165c0-7.258-5.905-13.164-13.165-13.164H16.165C8.906%2C47.435%2C3%2C53.34%2C3%2C60.599v179.737c0%2C7.259%2C5.906%2C13.164%2C13.165%2C13.164h179.737c7.26%2C0%2C13.165-5.905%2C13.165-13.165V128C209.066%2C120.741%2C203.161%2C114.835%2C195.901%2C114.835z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }

    .Navigation-list a[target="_blank"]:after {
        margin-left: 5px;
        top: 0;
    }

.Navigation-item {
    display: inline-block;
}

    .Navigation-item .navigation-Submenu {
        display: none;
    }

    .Navigation-item.is-active .navigation-Submenu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

.Navigation-link {
    display: inline-block;
    margin-top: 3px;
    padding: 0 20px 5px;
    width: 100%;
    text-decoration: none;
    color: #76685b;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.01em;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    border-radius: 8px 8px 0 0;
}

    .Navigation-link .Icon--submenu {
        margin-right: 3px;
        width: 16px;
        height: 16px;
    }

    .Navigation-link .Icon--arrow-down {
        display: none;
    }

    .Navigation-link:hover {
        font-weight: 700;
        color: #000000;
    }

    .Navigation-link.is-active {
        background-color: #ffffff;
        -webkit-transition: color 200ms ease;
        transition: color 200ms ease;
        -webkit-box-shadow: 0 -5px 5px #e7e4e3;
        box-shadow: 0 -5px 5px #e7e4e3;
        font-weight: 700;
        color: #000000;
    }

@media screen and (max-width: 999px) {
    .Navigation-item {
        display: block;
        padding: 5px 0;
        border-bottom: 1px solid #e9e5dc;
    }

        .Navigation-item .navigation-Submenu {
            display: none;
        }

        .Navigation-item.is-active .navigation-Submenu {
            display: block;
        }

    .Navigation-link {
        position: relative;
        display: block;
        margin: 0;
        padding: 5px 15px;
        border-radius: 0;
        font-size: 14px;
        color: #000000;
        font-weight: 600;
    }

        .Navigation-link .Icon {
            display: inline-block;
            margin-right: 5px;
        }

        .Navigation-link .Icon--arrow-down {
            position: absolute;
            top: 50%;
            right: 15px;
            font-size: 10px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .Navigation-link.is-active .Icon--arrow-down {
            -webkit-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
        }

        .Navigation-link:hover,
        .Navigation-link.is-active {
            font-weight: 600;
            -webkit-box-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
        }
}

.ProductLayout {
    zoom: 1;
}

    .ProductLayout:before,
    .ProductLayout:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .ProductLayout:after {
        clear: both;
    }

    .ProductLayout:before,
    .ProductLayout:after {
        content: "";
        display: table;
    }

    .ProductLayout:after {
        clear: both;
    }

@media screen and (max-width: 767px) {
    .ProductLayout.xs-ProductLayout--bordertop {
        padding-bottom: 10px;
        border-top: 1px solid #cbdce5;
    }
}

@media screen and (max-width: 767px) {
    .ProductLayout-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .ProductLayout-content .ProductLayout-title {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .ProductLayout-content .ProductLayout-gallery {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .ProductLayout-content .ProductLayout-overview {
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
            -moz-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
        }

        .ProductLayout-content .ProductLayout-overviewBuy {
            -webkit-box-ordinal-group: 5;
            -webkit-order: 4;
            -moz-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4;
        }

        .ProductLayout-content .product-GiftBoxes {
            -webkit-box-ordinal-group: 8;
            -webkit-order: 7;
            -moz-box-ordinal-group: 8;
            -ms-flex-order: 7;
            order: 7;
        }

        .ProductLayout-content .ProductInfo-description {
            -webkit-box-ordinal-group: 9;
            -webkit-order: 8;
            -moz-box-ordinal-group: 9;
            -ms-flex-order: 8;
            order: 8;
        }

        .ProductLayout-content .ProductLayout-sidebar {
            -webkit-box-ordinal-group: 10;
            -webkit-order: 9;
            -moz-box-ordinal-group: 10;
            -ms-flex-order: 9;
            order: 9;
        }

        .ProductLayout-content .Reviews {
            -webkit-box-ordinal-group: 11;
            -webkit-order: 10;
            -moz-box-ordinal-group: 11;
            -ms-flex-order: 10;
            order: 10;
        }
}

.ProductLayout-gallery {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    padding-right: 0;
    font-size: 100%;
    margin-bottom: 20px;
    width: 38.333%;
    float: left;
}

@media screen and (max-width: 767px) {
    .ProductLayout-gallery {
        width: 100%;
        padding-right: 0;
        margin-bottom: 0;
    }

        .ProductLayout-gallery .Guarantee {
            display: none;
        }
}

.ProductLayout-gallery .BadgeList {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .ProductLayout-gallery .BadgeList {
        max-width: 100%;
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

.ProductLayout-gallery .WarningsList {
    position: absolute;
    left: 15px;
    bottom: 10px;
    z-index: 10;
}

.ProductLayout-title,
.ProductLayout-overview,
.ProductLayout-overviewBuy {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
    padding-right: 0;
    font-size: 100%;
    margin-left: 60px;
    width: calc(61.666% - 60px);
    background-color: #ffffff;
}

@media screen and (max-width: 767px) {
    .ProductLayout-title,
    .ProductLayout-overview,
    .ProductLayout-overviewBuy {
        margin-left: 0;
        padding-left: 0;
        width: 100%;
        background-color: transparent;
    }
}

.ProductLayout-title,
.ProductLayout-overview {
    padding: 25px 30px;
    border: 1px solid #cbdce5;
}

@media screen and (max-width: 767px) {
    .ProductLayout-title,
    .ProductLayout-overview {
        border: 0;
    }
}

.ProductLayout-title {
    padding-bottom: 15px;
    border-bottom: 0 none;
}

@media screen and (max-width: 767px) {
    .ProductLayout-title {
        text-align: center;
    }
}

.ProductLayout-overview {
    padding-top: 0;
    border-top: 0 none;
}

@media screen and (max-width: 767px) {
    .ProductLayout-overview {
        margin-top: 30px;
        padding: 20px;
        background-color: #ffffff;
        border-top: 1px solid #cbdce5;
    }
}

@media screen and (max-width: 767px) {
    .ProductLayout-overview,
    .ProductLayout-overviewBuy {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }

        .ProductLayout-overview .ProductInfo-box,
        .ProductLayout-overviewBuy .ProductInfo-box {
            padding-left: 20px;
            padding-right: 20px;
        }
}

.ProductLayout-tabs {
    position: relative;
}

@media screen and (max-width: 767px) {
    .ProductLayout-tabs {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .ProductLayout .ProductLayout-description,
    .ProductLayout .ProductLayout-shade,
    .ProductLayout .ProductLayout-recomended,
    .ProductLayout .ProductLayout-videos,
    .ProductLayout .ProductLayout-articles {
        display: block !important;
    }
}

.RegistrationLayout {
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 50px;
}

    .RegistrationLayout .Tabs-navi {
        border-bottom: 1px solid #c6ced5;
    }

@media screen and (max-width: 441px) {
    .RegistrationLayout {
        width: 100%;
    }
}

.Route .Form-row,
.Route .Form-item {
    position: relative;
    margin: 0;
    padding: 0;
}

.Route .Control-label {
    position: absolute;
    left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
    border-right: 1px solid #e9e5dc;
    font-size: 13px;
    text-transform: uppercase;
}

    .Route .Control-label + .Icon {
        position: absolute;
        left: auto;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        fill: #5f5752;
        width: 16px;
        height: 16px;
    }

.Route-item .Control input,
.Route-item .Control textarea,
.Route-item .Control-input,
.Route-item .Button,
.Route-item .cc_btn {
    height: 43px;
    border: 0;
}

@media screen and (max-width: 999px) {
    .Route-item .Control input.noHeight,
    .Route-item .Control textarea.noHeight,
    .Route-item .Control-input.noHeight,
    .Route-item .Button.noHeight,
    .Route-item .cc_btn.noHeight {
        height: 0;
    }
}

.Route-item.Route-item--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 15px;
}

@media screen and (max-width: 999px) {
    .Route-item.Route-item--column {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin: 0;
    }
}

.Route-item--stepOver {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 999px) {
    .Route-item--stepOver {
        display: none;
    }
}

@media screen and (max-width: 999px) {
    .is-smHide {
        display: none;
    }
}

.Route-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 999px) {
    .Route-item.Route-item--flexFull {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}

.Route-item.Route-item--alignMiddle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .Route-item.Route-item--alignMiddle.Route-checkbox--flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

.Route-item .Form-item .Icon-arrow-down {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.Route-item .Form-item.is-focus .Control-switch {
    position: relative;
    z-index: 2;
}

.Route-item .Form-item.is-focus input {
    border-radius: 4px 4px 0 0;
}

.Route-item .Form-item.is-focus .Icon-arrow-down {
    margin-top: -6px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

@media screen and (max-width: 767px) {
    .Route-item .Form-item.is-focus input {
        border-radius: 4px;
    }
}

.Route-item .Form-item.is-focus .Route-layer,
.Route-item .Form-item.is-focus .Route-layer .ui-timepicker {
    display: block;
}

.Route-layer {
    display: none;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 42px;
    background-color: #ffffff;
    border: 0;
    border-radius: 0 4px 4px 4px;
    -webkit-box-shadow: 0 0 20px #5f5752;
    box-shadow: 0 0 20px #5f5752;
}

@media screen and (max-width: 999px) {
    .Route-layer {
        left: auto;
        right: 0;
    }
}

.Route-layer--datePicker {
    width: 240px;
    height: 270px;
}

.Route-layer--timePicker {
    padding: 15px;
    padding-bottom: 20px;
    width: 200px;
}

.Route-item--from {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 350px;
    -moz-box-flex: 1;
    -ms-flex: 1 1 350px;
    flex: 1 1 350px;
}

    .Route-item--from .Control input[type="text"] {
        padding-left: 78px;
    }

@media screen and (max-width: 999px) {
    .Route-item--from {
        width: 100%;
    }

        .Route-item--from .Control-label {
            display: none;
        }

        .Route-item--from .Control input[type="text"] {
            padding-left: 15px;
        }
}

.Route-item--to,
.Route-item--transport,
.Route-item--over {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 350px;
    -moz-box-flex: 1;
    -ms-flex: 1 1 350px;
    flex: 1 1 350px;
}

@media screen and (max-width: 999px) {
    .Route-item--to,
    .Route-item--transport,
    .Route-item--over {
        margin-right: 0;
    }
}

.Route-item--to .Control input[type="text"],
.Route-item--transport .Control input[type="text"],
.Route-item--over .Control input[type="text"] {
    padding-left: 62px;
}

.Route-item--over {
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1;
    -moz-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1;
    width: 290px;
}

.LabelOver--checked1:checked ~ .Route-item--over {
    display: block;
}

input::-ms-check {
    display: none;
}

.LabelOver--checked1:checked + .LabelOver {
    display: none;
}

@media screen and (max-width: 999px) {
    .Route-item--from,
    .Route-item--to,
    .Route-item--transport,
    .Route-item--over {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

        .Route-item--from .Control-label,
        .Route-item--to .Control-label,
        .Route-item--transport .Control-label,
        .Route-item--over .Control-label {
            display: none;
        }

        .Route-item--from .Control input[type="text"],
        .Route-item--to .Control input[type="text"],
        .Route-item--transport .Control input[type="text"],
        .Route-item--over .Control input[type="text"] {
            padding-left: 15px;
        }
}

@media screen and (max-width: 999px) {
    .Route-item--over {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 50%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    }
}

@media screen and (max-width: 441px) {
    .Route-item--over {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 83%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 83%;
        flex: 1 0 83%;
    }
}

.Route-item--transport {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 180px;
    -moz-box-flex: 1;
    -ms-flex: 1 1 180px;
    flex: 1 1 180px;
}

@media screen and (min-width: 1000px) {
    .Route-item--over {
        display: none;
    }
}

.Route-item--switch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.Grid--withGutter .Route-item--switch {
    padding: 0 calc(5px);
}

@media screen and (max-width: 999px) {
    .Route-item--switch {
        width: 100%;
        height: 40px;
        text-align: center;
    }
}

.Route-item--switchTrigger {
    position: relative;
    display: inline-block;
    margin: 10px 0;
    padding: 5px;
    background: #000000;
    border-radius: 4px;
    cursor: pointer;
    /* &::before,
        &::after {
            content: '';
            position: absolute;
            display: block;
            top: 50%;
            left: 35px;
            width: 180px;
            height: 1px;
            background: @color-black;
            transform: translateY(-50%);
        }

        &::before {
            left: auto;
            right: 35px;
        } */
}

    .Route-item--switchTrigger .Icon {
        width: 18px;
        height: 18px;
        color: #ffffff;
        fill: currentColor;
    }

    .Route-item--switchTrigger .Route-item--switchText {
        display: none;
        font-size: 15px;
        font-weight: 600;
    }

@media screen and (max-width: 999px) {
    .Route-item--switchTrigger {
        padding-top: 4px;
    }

        .Route-item--switchTrigger .Icon {
            margin-top: 2px;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .Route-item--switchTrigger .Route-item--switchText {
            display: inline-block;
            text-decoration: underline;
        }
}

.Route-item--when {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 346px;
    -moz-box-flex: 0;
    -ms-flex: 0 1 346px;
    flex: 0 1 346px;
}

@media screen and (max-width: 1339px) {
    .Route-item--when {
        width: 70%;
    }
}

@media screen and (max-width: 999px) {
    .Route-item--when {
        width: 100%;
        margin-top: 15px;
    }
}

.Route-item--date,
.Route-item--time {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 180px;
    -moz-box-flex: 1;
    -ms-flex: 1 1 180px;
    flex: 1 1 180px;
}

    .Route-item--date .Dropdown-current,
    .Route-item--time .Dropdown-current {
        padding-left: 50px;
        height: 43px;
        border: 0 none;
    }

    .Route-item--date .Dropdown-icon,
    .Route-item--time .Dropdown-icon {
        width: 38px;
    }

    .Route-item--date .Control-label,
    .Route-item--time .Control-label {
        padding-right: 10px;
    }

        .Route-item--date .Control-label + .Icon,
        .Route-item--time .Control-label + .Icon {
            right: 15px;
            width: 10px;
            height: 10px;
        }

    .Route-item--date .Icon--arrow,
    .Route-item--time .Icon--arrow {
        fill: #5f5752;
    }

    .Route-item--date .Icon--calendar,
    .Route-item--time .Icon--calendar,
    .Route-item--date .Icon--time,
    .Route-item--time .Icon--time {
        width: 16px;
        height: 16px;
    }

    .Route-item--date .Control input[type="text"],
    .Route-item--time .Control input[type="text"] {
        padding-left: 50px;
    }

@media screen and (max-width: 441px) {
    .Route-item--date .Control input[type="text"],
    .Route-item--time .Control input[type="text"] {
        padding-right: calc(100% - 87px);
    }
}

.Route-item--date .Dropdown-content,
.Route-item--time .Dropdown-content {
    top: 45px;
    border: 0 none;
}

.Route-item--date,
.Route-item--time {
    margin-right: 15px;
}

.Route-item--date {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 180px;
    -moz-box-flex: 1;
    -ms-flex: 1 1 180px;
    flex: 1 1 180px;
}

@media screen and (max-width: 999px) {
    .Route-item--time {
        margin-right: 0;
    }
}

.Route-item--linenum {
    width: 200px;
}

    .Route-item--linenum .Control-label {
        display: none;
    }

@media screen and (max-width: 1339px) {
    .Route-item--linenum {
        width: 70%;
    }
}

@media screen and (max-width: 999px) {
    .Route-item--linenum {
        width: 100%;
    }
}

.Route--search .Route-item--buttons {
    width: 194px;
}

@media screen and (max-width: 1339px) {
    .Route--search .Route-item--buttons {
        margin-top: 15px;
        width: 30%;
        text-align: right;
    }

        .Route--search .Route-item--buttons .Button,
        .Route--search .Route-item--buttons .cc_btn {
            width: 100%;
        }
}

@media screen and (max-width: 999px) {
    .Route--search .Route-item--buttons,
    .Route--search .Route-item--buttons .Button,
    .Route--search .Route-item--buttons .cc_btn {
        width: 100%;
    }
}

.Route--book .Route-item--buttons {
    width: 158px;
}

@media screen and (max-width: 1339px) {
    .Route--book .Route-item--buttons {
        width: 30%;
        text-align: right;
    }

        .Route--book .Route-item--buttons .Button,
        .Route--book .Route-item--buttons .cc_btn {
            width: 100%;
        }
}

@media screen and (max-width: 999px) {
    .Route--book .Route-item--buttons {
        margin-top: 15px;
    }

        .Route--book .Route-item--buttons,
        .Route--book .Route-item--buttons .Button,
        .Route--book .Route-item--buttons .cc_btn {
            width: 100%;
        }
}

.Route-item--links {
    margin-top: 5px;
}

@media screen and (max-width: 1339px) {
    .Route-item--links {
        margin: 0 auto;
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }
}

.Route-item--link {
    display: inline-block;
    padding: 0 12px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.01em;
}

    .Route-item--link:hover {
        text-decoration: none;
    }

@media screen and (max-width: 999px) {
    .Route-item--link {
        padding-left: 5px;
        padding-right: 5px;
        line-height: 24px;
    }
}

@media screen and (max-width: 1099px) {
    .Sidebar-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 1339px) {
    .Sidebar {
        float: right;
        width: 100%;
        margin: 0;
        background-color: #f7f7fa;
        padding: 12px;
    }
}

@media screen and (max-width: 767px) {
    .Sidebar {
        display: none;
        width: auto;
        padding: 20px;
        margin: 16px 0 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

        .Sidebar .PromoAction {
            margin-top: 0;
        }
}

.Sidebar-title {
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 17px;
    margin-left: 20px;
}

@media screen and (max-width: 1339px) {
    .ProductLayout-sidebar .Sidebar-title {
        margin-top: 20px;
        color: #000000;
        font-size: 30px;
        font-weight: 300;
        text-transform: uppercase;
        margin-bottom: 60px;
        line-height: 35px;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .ProductLayout-sidebar .Sidebar-title {
        text-align: left;
        text-transform: none;
        font-size: 15px;
        line-height: 20px;
        font-weight: 300;
        margin-left: 0;
        margin-top: 0;
    }
}

.Sidebar .Carousel {
    text-align: center;
}

    .Sidebar .Carousel .ProductCard {
        float: left;
        max-width: 180px;
        margin-left: 20px;
    }

@media screen and (max-width: 999px) {
    .Sidebar .Carousel .bx-wrapper {
        max-width: 420 !important;
    }
}

.Sidebar .Carousel .Sidebar-item {
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 1339px) {
    .Sidebar .Carousel .Sidebar-item .ProductCard {
        float: none;
        margin-top: 10px;
        margin-right: 5px;
        margin-left: 5px;
    }
}

.search-Fulltext-item {
    zoom: 1;
    display: block;
    background-color: white;
    padding: 30px;
    text-decoration: none;
    height: 100%;
}

    .search-Fulltext-item:before,
    .search-Fulltext-item:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .search-Fulltext-item:after {
        clear: both;
    }

    .search-Fulltext-item:before,
    .search-Fulltext-item:after {
        content: "";
        display: table;
    }

    .search-Fulltext-item:after {
        clear: both;
    }

    .search-Fulltext-item:hover .search-Fulltext-title {
        text-decoration: underline;
    }

.search-Fulltext-title {
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 15px;
}

.search-Fulltext-description {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.search-Fulltext-image {
    float: left;
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .Search-results {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.Search-results .Container {
    min-width: auto;
}

.Search-top {
    display: table;
    width: 100%;
    background-color: #d3e4ed;
    min-height: 90px;
    margin-top: 20px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .Search-top {
        margin-top: 10px;
        margin-bottom: 0;
    }
}

.Search-top .Search-topItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 100%;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: table-cell;
    vertical-align: middle;
}

    .Search-top .Search-topItem:first-child {
        padding-top: 0;
        padding-bottom: 0;
    }

@media screen and (max-width: 1339px) {
    .Search-top .Search-topItem:first-child {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
    }
}

@media screen and (max-width: 999px) {
    .Search-top .Search-topItem {
        padding-top: 0;
        width: 100%;
        display: block;
        max-width: 400px;
        margin: 0 auto;
    }
}

.Search-resultInfo {
    color: #000000;
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    vertical-align: middle;
}

    .Search-resultInfo .Search-resultInfo {
        margin-left: 10px;
    }

@media screen and (max-width: 1339px) {
    .Search-resultInfo {
        line-height: 20px;
    }
}

.Search-keyword {
    font-weight: bold;
}

    .Search-keyword.Search-keyword--red {
        color: #d42724;
    }

.Search-inputGroup {
    margin-left: -10px;
    margin-right: -10px;
}

    .Search-inputGroup .Search-input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 100%;
        width: 66.66666667%;
    }

@media screen and (max-width: 767px) {
    .Search-inputGroup .Search-input {
        width: 60%;
        padding-left: 0;
        padding-right: 0;
    }
}

.Search-inputGroup .Search-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 100%;
    width: 33.33333333%;
}

@media screen and (max-width: 767px) {
    .Search-inputGroup .Search-button {
        width: 40%;
        padding-left: 0;
        padding-right: 0;
    }

        .Search-inputGroup .Search-button .Button,
        .Search-inputGroup .Search-button .cc_btn {
            padding-left: 20px;
            padding-right: 20px;
        }
}

.Search-item {
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 100%;
    width: 25%;
}

@media screen and (max-width: 1339px) {
    .Search-item {
        width: 33.33333333%;
    }
}

@media screen and (max-width: 999px) {
    .Search-item {
        width: 33.33333333%;
    }
}

@media screen and (max-width: 767px) {
    .Search-item {
        width: 100%;
    }
}

.Search-otherResults .Filter-title {
    display: inline-block;
    font-size: 14px;
    line-height: 36px;
    min-width: 90px;
}

.Search-otherResults .Link {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .Search-otherResults .Link {
        width: 100%;
    }
}

.Search-resultsTitle {
    display: inline-block;
    min-width: 100px;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}

.Search-resultShorted {
    padding-left: 8px;
    overflow: hidden;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
}

    .Search-resultShorted.is-shorted {
        max-height: 58px;
    }

@media screen and (max-width: 767px) {
    .Search-resultShorted.is-shorted {
        max-height: 118px;
    }
}

.Search-resultShorted.is-shorted.is-opened {
    max-height: 1000px;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}

@media screen and (max-width: 767px) {
    .Search-resultShorted {
        padding-left: 0;
        margin-left: 0;
        margin-top: 10px;
    }
}

@media screen and (max-width: 441px) {
    .Search-resultShorted {
        max-height: 76px;
    }
}

.Search-otherResults {
    zoom: 1;
}

    .Search-otherResults:before,
    .Search-otherResults:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .Search-otherResults:after {
        clear: both;
    }

    .Search-otherResults:before,
    .Search-otherResults:after {
        content: "";
        display: table;
    }

    .Search-otherResults:after {
        clear: both;
    }

.Search-nextResults {
    float: right;
    display: inline-block;
    position: relative;
    border: 0;
    background: none;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 400;
    color: #d42724;
    margin-top: 10px;
    margin-left: 100px;
    margin-right: 17px;
}

.wysiwyg .Search-nextResults,
.Wysiwyg .Search-nextResults {
    color: #000000;
}

.Search-nextResults:hover {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .Search-nextResults {
        margin-left: 0;
    }
}

.Search-nextResults:before {
    position: absolute;
    right: -10px;
    top: 10px;
    content: "";
    display: block;
    width: 6px;
    height: 1px;
    background-color: #000000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.Search-nextResults:after {
    position: absolute;
    right: -14px;
    top: 10px;
    content: "";
    display: block;
    width: 6px;
    height: 1px;
    background-color: #000000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.Search-nextResults.is-opened:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.Search-nextResults.is-opened:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.Search-fulltextList {
    position: relative;
    margin-left: -5px;
    margin-right: -5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.Search-fulltextItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 100%;
    margin-bottom: 10px;
    width: 50%;
}

@media screen and (max-width: 767px) {
    .Search-fulltextItem {
        width: 100%;
    }
}

.Section {
    padding-top: 55px;
}

.Section-perex {
    display: block;
    position: relative;
    z-index: 10;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .Section-perex {
        margin-bottom: 5px;
    }
}

.Section-perex--red {
    color: #d42724;
}

.Section-perex--turquoise {
    color: #44bdb4;
}

.Section-title {
    display: block;
    position: relative;
    z-index: 10;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 38px;
    text-align: center;
}

@media screen and (max-width: 999px) {
    .Section-title {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 15px;
    }
}

.carousel-Slider {
    position: relative;
    margin: 0 auto;
    max-width: 900px;
}

    .carousel-Slider .bx-wrapper,
    .carousel-Slider .Slider {
        margin: 0;
        width: 640px;
        text-align: left;
    }

    .carousel-Slider .Slider-slide {
        overflow: hidden;
        position: relative;
    }

    .carousel-Slider .Slider-slide--img-wrapper {
        width: 100%;
        height: 331px;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .carousel-Slider .Slider-slide--text-wrapper {
        text-align: left;
    }

    .carousel-Slider .Slider-slide--text-in {
        position: absolute;
        left: 40px;
        bottom: 40px;
        max-width: 330px;
    }

    .carousel-Slider .Slider-slide--title {
        margin-bottom: 0;
        font-size: 30px;
        color: #000000;
        font-weight: 700;
        line-height: 33px;
        text-decoration: underline;
    }

    .carousel-Slider .Slider-slide--subtitle {
        margin-bottom: 10px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 26px;
        color: #3895d9;
        line-height: 18px;
        letter-spacing: -0.025em;
    }

    .carousel-Slider .Slider-slide--button {
        position: absolute;
        right: 40px;
        bottom: 40px;
        margin-top: 20px;
    }

@media screen and (max-width: 1339px) {
    .carousel-Slider .Slider-slide--text-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
    }

    .carousel-Slider .Slider-slide--text-in,
    .carousel-Slider .Slider-slide--button {
        position: static;
        max-width: 100%;
    }
}

@media screen and (max-width: 999px) {
    .carousel-Slider {
        padding-bottom: 60px;
    }

        .carousel-Slider .bx-wrapper {
            background-color: #ffffff;
            border: 1px solid #cbdce5;
            border-bottom: 0 none;
        }

        .carousel-Slider .bx-wrapper,
        .carousel-Slider .Slider {
            width: 100%;
            min-height: 330px;
        }

        .carousel-Slider .Slider-slide--img-wrapper {
            background-size: 100% auto;
        }

        .carousel-Slider .Slider-slide--text-wrapper {
            text-align: center;
        }
}
/*
    zobrazen jen 1. slajd pred nactenim inicializaci carouselu
 */
.carousel-Slider .Slider-slide {
    display: none;
}

    .carousel-Slider .Slider-slide:first-child {
        display: block;
    }

.carousel-Slider .bx-wrapper .Slider-slide {
    display: block;
}
/*
    pager
 */
#Slider-pager {
    position: relative;
    width: 260px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    border-top: 1px solid #cbdce5;
}

    #Slider-pager li {
        display: inline-block;
        width: 100%;
        list-style: none;
        line-height: 19px;
        border-right: 1px solid #cbdce5;
        border-bottom: 1px solid #cbdce5;
    }

    #Slider-pager .Pager-title {
        display: block;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
        color: #d42724;
        line-height: 20px;
        font-weight: 700;
        text-decoration: underline;
    }

    #Slider-pager .Pager-subtitle {
        display: block;
        margin-top: 10px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 13px;
        color: #000000;
        line-height: 18px;
        font-weight: 400;
    }

    #Slider-pager .Pager-title,
    #Slider-pager .Pager-subtitle {
        margin-left: 20px;
        margin-right: 20px;
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #Slider-pager .Pager-arrow {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -3px;
        width: 0;
        height: 0;
        border-top: 0 solid transparent;
        border-bottom: 0 solid transparent;
        border-right: 0 solid #e9f4fb;
        -webkit-transition: all 0.15s ease-in;
        transition: all 0.15s ease-in;
    }

    #Slider-pager a {
        display: inline-block;
        position: relative;
        padding: 5px 0;
        width: 100%;
        height: 65px;
        text-align: left;
        text-decoration: none;
        color: #ffffff;
        outline: none;
    }

        #Slider-pager a.active {
            background-color: #e9f4fb;
        }

            #Slider-pager a.active .Pager-title {
                text-decoration: none;
            }

            #Slider-pager a.active .Pager-arrow {
                left: -12px;
                margin-top: -12px;
                border-top: 14px solid transparent;
                border-bottom: 14px solid transparent;
                border-right: 14px solid #e9f4fb;
            }

@media screen and (max-width: 999px) {
    #Slider-pager {
        width: 100%;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
        height: 60px;
        overflow: hidden;
        background-color: #ffffff;
        border: 1px solid #cbdce5;
        border-top: 0 none;
        text-align: center;
    }

        #Slider-pager li {
            display: inline-block;
            margin: 0 auto;
            padding: 0 10px;
            width: auto;
            height: 20px;
            border: 0;
        }

            #Slider-pager li:last-child {
                display: none;
            }

        #Slider-pager a {
            position: relative;
            top: -4px;
            width: 16px;
            height: 16px;
            background-color: #e9f4fb;
            border: 1px solid #cbdce5;
            border-radius: 50%;
        }

            #Slider-pager a > span {
                display: none !important;
            }

            #Slider-pager a.active {
                top: -2px;
                width: 20px;
                height: 20px;
                background-color: #3895d9;
                border: 1px solid #3895d9;
            }
}

.carousel-HpSlider {
    position: relative;
    margin: 0 auto;
    max-width: 900px;
}

    .carousel-HpSlider .bx-wrapper,
    .carousel-HpSlider .Slider {
        margin: 0;
        width: 640px;
        text-align: left;
    }

    .carousel-HpSlider .Slider-slide {
        overflow: hidden;
        position: relative;
    }

    .carousel-HpSlider .Slider-slide--img-wrapper {
        width: 100%;
        height: 331px;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .carousel-HpSlider .Slider-slide--text-wrapper {
        text-align: left;
    }

    .carousel-HpSlider .Slider-slide--text-in {
        position: absolute;
        left: 40px;
        bottom: 40px;
        max-width: 330px;
    }

    .carousel-HpSlider .Slider-slide--title {
        margin-bottom: 0;
        font-size: 30px;
        color: #000000;
        font-weight: 700;
        line-height: 33px;
        text-decoration: underline;
    }

    .carousel-HpSlider .Slider-slide--subtitle {
        margin-bottom: 10px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 26px;
        color: #3895d9;
        line-height: 18px;
        letter-spacing: -0.025em;
    }

    .carousel-HpSlider .Slider-slide--button {
        position: absolute;
        right: 40px;
        bottom: 40px;
        margin-top: 20px;
    }

@media screen and (max-width: 1339px) {
    .carousel-HpSlider .Slider-slide--text-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
    }

    .carousel-HpSlider .Slider-slide--text-in,
    .carousel-HpSlider .Slider-slide--button {
        position: static;
        max-width: 100%;
    }
}

@media screen and (max-width: 999px) {
    .carousel-HpSlider {
        padding-bottom: 60px;
    }

        .carousel-HpSlider .bx-wrapper {
            background-color: #ffffff;
            border: 1px solid #cbdce5;
            border-bottom: 0 none;
        }

        .carousel-HpSlider .bx-wrapper,
        .carousel-HpSlider .Slider {
            width: 100%;
            min-height: 330px;
        }

        .carousel-HpSlider .Slider-slide--img-wrapper {
            background-size: 100% auto;
        }

        .carousel-HpSlider .Slider-slide--text-wrapper {
            text-align: center;
        }
}

.carousel-HpSlider .Slider-slide {
    display: none;
}

    .carousel-HpSlider .Slider-slide:first-child {
        display: block;
    }

.carousel-HpSlider .bx-wrapper .Slider-slide {
    display: block;
}

.carousel-CategorySlider {
    position: relative;
    margin: 0 auto;
    max-width: 900px;
}

    .carousel-CategorySlider .bx-wrapper,
    .carousel-CategorySlider .Slider {
        margin: 0;
        width: 640px;
        text-align: left;
    }

    .carousel-CategorySlider .Slider-slide {
        overflow: hidden;
        position: relative;
    }

    .carousel-CategorySlider .Slider-slide--img-wrapper {
        width: 100%;
        height: 331px;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .carousel-CategorySlider .Slider-slide--text-wrapper {
        text-align: left;
    }

    .carousel-CategorySlider .Slider-slide--text-in {
        position: absolute;
        left: 40px;
        bottom: 40px;
        max-width: 330px;
    }

    .carousel-CategorySlider .Slider-slide--title {
        margin-bottom: 0;
        font-size: 30px;
        color: #000000;
        font-weight: 700;
        line-height: 33px;
        text-decoration: underline;
    }

    .carousel-CategorySlider .Slider-slide--subtitle {
        margin-bottom: 10px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 26px;
        color: #3895d9;
        line-height: 18px;
        letter-spacing: -0.025em;
    }

    .carousel-CategorySlider .Slider-slide--button {
        position: absolute;
        right: 40px;
        bottom: 40px;
        margin-top: 20px;
    }

@media screen and (max-width: 1339px) {
    .carousel-CategorySlider .Slider-slide--text-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
    }

    .carousel-CategorySlider .Slider-slide--text-in,
    .carousel-CategorySlider .Slider-slide--button {
        position: static;
        max-width: 100%;
    }
}

@media screen and (max-width: 999px) {
    .carousel-CategorySlider {
        padding-bottom: 60px;
    }

        .carousel-CategorySlider .bx-wrapper {
            background-color: #ffffff;
            border: 1px solid #cbdce5;
            border-bottom: 0 none;
        }

        .carousel-CategorySlider .bx-wrapper,
        .carousel-CategorySlider .Slider {
            width: 100%;
            min-height: 330px;
        }

        .carousel-CategorySlider .Slider-slide--img-wrapper {
            background-size: 100% auto;
        }

        .carousel-CategorySlider .Slider-slide--text-wrapper {
            text-align: center;
        }
}

.carousel-CategorySlider .Slider-slide {
    display: none;
}

    .carousel-CategorySlider .Slider-slide:first-child {
        display: block;
    }

.carousel-CategorySlider .bx-wrapper .Slider-slide {
    display: block;
}

.countdown-HpBanner {
    position: relative;
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .countdown-HpBanner {
        margin: 0;
        margin-top: 20px;
        text-align: center;
    }
}

.countdown-HpBanner-img-wrapper {
    margin: 0 auto;
    width: 280px;
    height: 331px;
    border: 1px solid #cbdce5;
}

.countdown-HpBanner-img {
    display: inline-block;
}

.banner-NextBanners {
    position: relative;
    margin: 0 auto;
    max-width: 900px;
}

    .banner-NextBanners .bx-wrapper,
    .banner-NextBanners .Slider {
        margin: 0;
        width: 640px;
        text-align: left;
    }

    .banner-NextBanners .Slider-slide {
        overflow: hidden;
        position: relative;
    }

    .banner-NextBanners .Slider-slide--img-wrapper {
        width: 100%;
        height: 331px;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banner-NextBanners .Slider-slide--text-wrapper {
        text-align: left;
    }

    .banner-NextBanners .Slider-slide--text-in {
        position: absolute;
        left: 40px;
        bottom: 40px;
        max-width: 330px;
    }

    .banner-NextBanners .Slider-slide--title {
        margin-bottom: 0;
        font-size: 30px;
        color: #000000;
        font-weight: 700;
        line-height: 33px;
        text-decoration: underline;
    }

    .banner-NextBanners .Slider-slide--subtitle {
        margin-bottom: 10px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 26px;
        color: #3895d9;
        line-height: 18px;
        letter-spacing: -0.025em;
    }

    .banner-NextBanners .Slider-slide--button {
        position: absolute;
        right: 40px;
        bottom: 40px;
        margin-top: 20px;
    }

@media screen and (max-width: 1339px) {
    .banner-NextBanners .Slider-slide--text-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
    }

    .banner-NextBanners .Slider-slide--text-in,
    .banner-NextBanners .Slider-slide--button {
        position: static;
        max-width: 100%;
    }
}

@media screen and (max-width: 999px) {
    .banner-NextBanners {
        padding-bottom: 60px;
    }

        .banner-NextBanners .bx-wrapper {
            background-color: #ffffff;
            border: 1px solid #cbdce5;
            border-bottom: 0 none;
        }

        .banner-NextBanners .bx-wrapper,
        .banner-NextBanners .Slider {
            width: 100%;
            min-height: 330px;
        }

        .banner-NextBanners .Slider-slide--img-wrapper {
            background-size: 100% auto;
        }

        .banner-NextBanners .Slider-slide--text-wrapper {
            text-align: center;
        }
}

.banner-NextBanners .Slider-slide {
    display: none;
}

    .banner-NextBanners .Slider-slide:first-child {
        display: block;
    }

.banner-NextBanners .bx-wrapper .Slider-slide {
    display: block;
}

.banner-NextBanners .Slider-slide {
    display: block;
    margin-top: 20px;
}

    .banner-NextBanners .Slider-slide:first-child {
        margin-top: 0;
    }

.BannerGrid {
    display: block;
    font-size: 0;
}

.BannerGrid-cell {
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
}

.BannerGrid-cell--slider {
    width: calc(100% - 300px);
}

.BannerGrid-cell--countdown {
    width: 300px;
}

@media screen and (max-width: 767px) {
    .BannerGrid-cell--slider,
    .BannerGrid-cell--countdown {
        width: 100%;
    }
}

.Social {
    position: relative;
    text-align: center;
    zoom: 1;
}

    .Social:before,
    .Social:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .Social:after {
        clear: both;
    }

    .Social:before,
    .Social:after {
        content: "";
        display: table;
    }

    .Social:after {
        clear: both;
    }

.Social--footer {
    margin-top: -4px;
    text-align: right;
}

@media screen and (max-width: 999px) {
    .Social--footer {
        text-align: center;
    }
}

.Social--footer .Social-item {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin: 0 8px;
    background-color: #ffffff;
    color: #d42724;
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    top: -50%;
    text-decoration: none;
}

    .Social--footer .Social-item:first-child {
        margin-left: 0;
    }

    .Social--footer .Social-item:hover {
        color: #ffffff;
        background-color: #ffffff;
        -webkit-transition: background 200ms ease;
        transition: background 200ms ease;
    }

@media screen and (max-width: 1339px) {
    .Social--footer .Social-item {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 20px;
    }
}

@media screen and (max-width: 441px) {
    .Social--footer .Social-item {
        margin-left: 5px;
    }
}

.Social--footer .Social-item--facebook:hover {
    background-color: #435f9f;
}

.Social--footer .Social-item--facebook:active {
    background-color: #344a7b;
}

.Social--footer .Social-item--linkedin:hover {
    background-color: #0077B5;
}

.Social--footer .Social-item--linkedin:active {
    background-color: #005582;
}

.Social--footer .Social-item--twitter:hover {
    background-color: #00aaf0;
}

.Social--footer .Social-item--twitter:active {
    background-color: #0086bd;
}

.Social--footer .Social-item--youtube:hover {
    background-color: #cd201f;
}

.Social--footer .Social-item--youtube:active {
    background-color: #a11918;
}

.Social--footer .Social-item--instagram:hover,
.Social--footer .Social-item--instagram:active {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), -webkit-gradient(linear, left top, left bottom, from(#6559ca), color-stop(30%, #bc318f), color-stop(50%, #e33f5f), color-stop(70%, #f77638), to(#fec66d));
    background: -webkit-radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), -webkit-radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), -webkit-radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), -webkit-radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), -webkit-radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), -webkit-linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}

.SocialShare {
    position: relative;
    text-align: center;
    zoom: 1;
}

    .SocialShare:before,
    .SocialShare:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .SocialShare:after {
        clear: both;
    }

    .SocialShare:before,
    .SocialShare:after {
        content: "";
        display: table;
    }

    .SocialShare:after {
        clear: both;
    }

    .SocialShare .SocialShare-item:hover {
        -webkit-transition: color 200ms ease;
        transition: color 200ms ease;
    }

    .SocialShare .SocialShare-item--facebook:hover {
        color: #435f9f;
    }

    .SocialShare .SocialShare-item--facebook:active {
        color: #344a7b;
    }

    .SocialShare .SocialShare-item--pinterest:hover {
        color: #ce1f21;
    }

    .SocialShare .SocialShare-item--pinterest:active {
        color: #a2181a;
    }

    .SocialShare .SocialShare-item--twitter:hover {
        color: #00aaf0;
    }

    .SocialShare .SocialShare-item--twitter:active {
        color: #0086bd;
    }

    .SocialShare .SocialShare-item--mail:hover {
        color: #44bdb4;
    }

    .SocialShare .SocialShare-item--mail:active {
        color: #369891;
    }

.SocialShare--sticky {
    height: 90px;
    background-color: #d8dfe5;
    line-height: 84px;
    padding-left: 25px;
    padding-right: 25px;
}

    .SocialShare--sticky .SocialShare-item {
        margin-left: 20px;
    }

        .SocialShare--sticky .SocialShare-item:first-child {
            margin-left: 0;
        }

.SocialShare--navigation {
    background-color: #d8dfe5;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

    .SocialShare--navigation .SocialShare-item {
        position: relative;
        display: inline-block;
        margin-left: 45px;
        color: #30383f;
        font-size: 25px;
        text-align: center;
        top: -50%;
    }

        .SocialShare--navigation .SocialShare-item:first-child {
            margin-left: 0;
        }

.UserzoneLayout {
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 50px;
    background-color: #d3e4ed;
}

    .UserzoneLayout .Tabs-navi {
        border-bottom: 1px solid #c6ced5;
    }

    .UserzoneLayout .Tabs-item {
        width: 14.28571429%;
        vertical-align: bottom;
        float: none;
    }

        .UserzoneLayout .Tabs-item a {
            width: 100%;
        }

@media screen and (max-width: 767px) {
    .UserzoneLayout {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 441px) {
    .UserzoneLayout {
        width: 100%;
    }
}
/**
 * Display-type utilities
 */
.u-block {
    display: block !important;
}

.is-hidden {
    display: none !important;
}

.u-hidden,
.u-sm-block,
.u-sm-inlineBlock {
    display: none !important;
}

.u-blockCenter {
    margin-left: auto;
    margin-right: auto;
}

.u-invisible {
    visibility: hidden;
}

.u-inlineBlock {
    display: inline-block;
}
/**
 * Completely remove from the flow but leave available to screen readers.
 */
.u-hiddenVisually {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

.u-inline {
    display: inline !important;
}

.u-disableSelect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/**
 * 1. Fix for Firefox bug: an image styled `max-width:100%` within an
 * inline-block will display at its default size, and not limit its width to
 * 100% of an ancestral container.
 */
.u-inlineBlock {
    display: inline-block !important;
    max-width: 100%;
    /* 1 */
}

.u-table {
    display: table !important;
}

.u-tableCell {
    display: table-cell !important;
}

.u-tableRow {
    display: table-row !important;
}

.u-md-block {
    display: none !important;
}

@media screen and (max-width: 1339px) {
    .u-md-hidden {
        display: none !important;
    }

    .u-md-block {
        display: block !important;
    }

    .u-md-inlineBlock {
        display: inline-block !important;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-hidden {
        display: none !important;
    }

    .u-sm-block {
        display: block !important;
    }

    .u-sm-inlineBlock {
        display: inline-block !important;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-hidden {
        display: none !important;
    }

    .u-xs-visible {
        display: block !important;
    }
}

.u-xs-inlineBlock {
    display: none;
}

@media screen and (max-width: 767px) {
    .u-xs-inlineBlock {
        display: inline-block;
    }
}

.u-xs-block {
    display: none;
}

@media screen and (max-width: 767px) {
    .u-xs-block {
        display: block;
    }
}
/*
 * JS/NO-JS CLASSES
 *
 * Special display modes applied when JavaScipt is enabled or diabled
 * Used for accessibility features
 *
 * Selector for element "html" is used to avoid possible colisions as this is critical
 * for web usability
 */
html.js .u-js-block {
    display: block !important;
}

html.js .u-js-inline {
    display: inline !important;
}

html.js .u-js-inlineBlock {
    display: inline-block;
    display: inline-block !important;
    max-width: 100%;
    /* 1 */
}

html.js .u-nojs-block,
html.js .u-nojs-inline,
html.js .u-nojs-inlineBlock,
html.js .u-js-hidden {
    display: none !important;
}

html.no-js .u-js-block,
html.no-js .u-js-inline,
html.no-js .u-js-inlineBlock,
html.no-js .u-nojs-hidden {
    display: none !important;
}

html.no-js .u-nojs-block {
    display: block !important;
}

html.no-js .u-nojs-inline {
    display: inline !important;
}

html.no-js .u-nojs-inlineBlock {
    display: inline-block;
    display: inline-block !important;
    max-width: 100%;
    /* 1 */
}
/**
 * Contain floats
 *
 * Make an element expand to contain floated children.
 * Uses pseudo-elements (micro clearfix).
 *
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of the
 *    element.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.u-cf:before,
.u-cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.u-cf:after {
    clear: both;
}
/**
 * New block formatting context
 *
 * This affords some useful properties to the element. It won't wrap under
 * floats. Will also contain any floated children.

 * N.B. This will clip overflow. Use the alternative method below if this is
 * problematic.
 */
.u-nbfc {
    overflow: hidden;
}
/**
 * New block formatting context (alternative)
 *
 * Alternative method when overflow must not be clipped.
 *
 * 1. Create a new block formatting context (NBFC).
 * 2. Avoid shrink-wrap behaviour of table-cell.
 *
 * N.B. This breaks down in some browsers when elements within this element
 * exceed its width.
 */
.u-nbfcAlt {
    display: table-cell;
    /* 1 */
    width: 10000px;
    /* 2 */
}
/**
 * Floats
 */
.u-floatLeft {
    float: left;
}

.u-floatRight {
    float: right;
}

.u-clearLeft {
    clear: left;
}

.u-clearRight {
    clear: right;
}

.u-clearBoth {
    clear: both;
}

@media screen and (max-width: 1339px) {
    .u-md-floatNone {
        float: none;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-floatNone {
        float: none;
    }
}

.u-positionAbsolute {
    position: absolute;
}

.u-posFixed {
    position: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.u-posRelative {
    position: relative;
}

.u-posStatic {
    position: static;
}

.u-verticalTop {
    vertical-align: top;
}
/**
 * Border radius
 *
 */
/* positive */
/* negative */
/* generate */
.u-borderRadius--default {
    border-radius: 4px;
}
/* positive */
.u-borderRadiusTopLeft--default {
    border-top-left-radius: 4px;
}

.u-borderRadiusTopRight--default {
    border-top-right-radius: 4px;
}

.u-borderRadiusBottomLeft--default {
    border-bottom-left-radius: 4px;
}

.u-borderRadiusBottomRight--default {
    border-bottom-right-radius: 4px;
}
/* negative */
.u-borderRadiusTopLeft--default-negative {
    border-top-left-radius: 0;
}

.u-borderRadiusTopRight--default-negative {
    border-top-right-radius: 0;
}

.u-borderRadiusBottomLeft--default-negative {
    border-bottom-left-radius: 0;
}

.u-borderRadiusBottomRight--default-negative {
    border-bottom-right-radius: 0;
}

.u-borderRadius--bigger {
    border-radius: 8px;
}
/* positive */
.u-borderRadiusTopLeft--bigger {
    border-top-left-radius: 8px;
}

.u-borderRadiusTopRight--bigger {
    border-top-right-radius: 8px;
}

.u-borderRadiusBottomLeft--bigger {
    border-bottom-left-radius: 8px;
}

.u-borderRadiusBottomRight--bigger {
    border-bottom-right-radius: 8px;
}
/* negative */
.u-borderRadiusTopLeft--bigger-negative {
    border-top-left-radius: 0;
}

.u-borderRadiusTopRight--bigger-negative {
    border-top-right-radius: 0;
}

.u-borderRadiusBottomLeft--bigger-negative {
    border-bottom-left-radius: 0;
}

.u-borderRadiusBottomRight--bigger-negative {
    border-bottom-right-radius: 0;
}

@media screen and (min-width: 1000px) {
    .u-lg-borderRadius--default {
        border-radius: 4px;
    }
    /* positive */
    .u-lg-borderRadiusTopLeft--default {
        border-top-left-radius: 4px;
    }

    .u-lg-borderRadiusTopRight--default {
        border-top-right-radius: 4px;
    }

    .u-lg-borderRadiusBottomLeft--default {
        border-bottom-left-radius: 4px;
    }

    .u-lg-borderRadiusBottomRight--default {
        border-bottom-right-radius: 4px;
    }
    /* negative */
    .u-lg-borderRadiusTopLeft--default-negative {
        border-top-left-radius: 0;
    }

    .u-lg-borderRadiusTopRight--default-negative {
        border-top-right-radius: 0;
    }

    .u-lg-borderRadiusBottomLeft--default-negative {
        border-bottom-left-radius: 0;
    }

    .u-lg-borderRadiusBottomRight--default-negative {
        border-bottom-right-radius: 0;
    }

    .u-lg-borderRadius--bigger {
        border-radius: 8px;
    }
    /* positive */
    .u-lg-borderRadiusTopLeft--bigger {
        border-top-left-radius: 8px;
    }

    .u-lg-borderRadiusTopRight--bigger {
        border-top-right-radius: 8px;
    }

    .u-lg-borderRadiusBottomLeft--bigger {
        border-bottom-left-radius: 8px;
    }

    .u-lg-borderRadiusBottomRight--bigger {
        border-bottom-right-radius: 8px;
    }
    /* negative */
    .u-lg-borderRadiusTopLeft--bigger-negative {
        border-top-left-radius: 0;
    }

    .u-lg-borderRadiusTopRight--bigger-negative {
        border-top-right-radius: 0;
    }

    .u-lg-borderRadiusBottomLeft--bigger-negative {
        border-bottom-left-radius: 0;
    }

    .u-lg-borderRadiusBottomRight--bigger-negative {
        border-bottom-right-radius: 0;
    }
}

@media screen and (max-width: 1339px) {
    .u-md-borderRadius--default {
        border-radius: 4px;
    }
    /* positive */
    .u-md-borderRadiusTopLeft--default {
        border-top-left-radius: 4px;
    }

    .u-md-borderRadiusTopRight--default {
        border-top-right-radius: 4px;
    }

    .u-md-borderRadiusBottomLeft--default {
        border-bottom-left-radius: 4px;
    }

    .u-md-borderRadiusBottomRight--default {
        border-bottom-right-radius: 4px;
    }
    /* negative */
    .u-md-borderRadiusTopLeft--default-negative {
        border-top-left-radius: 0;
    }

    .u-md-borderRadiusTopRight--default-negative {
        border-top-right-radius: 0;
    }

    .u-md-borderRadiusBottomLeft--default-negative {
        border-bottom-left-radius: 0;
    }

    .u-md-borderRadiusBottomRight--default-negative {
        border-bottom-right-radius: 0;
    }

    .u-md-borderRadius--bigger {
        border-radius: 8px;
    }
    /* positive */
    .u-md-borderRadiusTopLeft--bigger {
        border-top-left-radius: 8px;
    }

    .u-md-borderRadiusTopRight--bigger {
        border-top-right-radius: 8px;
    }

    .u-md-borderRadiusBottomLeft--bigger {
        border-bottom-left-radius: 8px;
    }

    .u-md-borderRadiusBottomRight--bigger {
        border-bottom-right-radius: 8px;
    }
    /* negative */
    .u-md-borderRadiusTopLeft--bigger-negative {
        border-top-left-radius: 0;
    }

    .u-md-borderRadiusTopRight--bigger-negative {
        border-top-right-radius: 0;
    }

    .u-md-borderRadiusBottomLeft--bigger-negative {
        border-bottom-left-radius: 0;
    }

    .u-md-borderRadiusBottomRight--bigger-negative {
        border-bottom-right-radius: 0;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-borderRadius--default {
        border-radius: 4px;
    }
    /* positive */
    .u-sm-borderRadiusTopLeft--default {
        border-top-left-radius: 4px;
    }

    .u-sm-borderRadiusTopRight--default {
        border-top-right-radius: 4px;
    }

    .u-sm-borderRadiusBottomLeft--default {
        border-bottom-left-radius: 4px;
    }

    .u-sm-borderRadiusBottomRight--default {
        border-bottom-right-radius: 4px;
    }
    /* negative */
    .u-sm-borderRadiusTopLeft--default-negative {
        border-top-left-radius: 0;
    }

    .u-sm-borderRadiusTopRight--default-negative {
        border-top-right-radius: 0;
    }

    .u-sm-borderRadiusBottomLeft--default-negative {
        border-bottom-left-radius: 0;
    }

    .u-sm-borderRadiusBottomRight--default-negative {
        border-bottom-right-radius: 0;
    }

    .u-sm-borderRadius--bigger {
        border-radius: 8px;
    }
    /* positive */
    .u-sm-borderRadiusTopLeft--bigger {
        border-top-left-radius: 8px;
    }

    .u-sm-borderRadiusTopRight--bigger {
        border-top-right-radius: 8px;
    }

    .u-sm-borderRadiusBottomLeft--bigger {
        border-bottom-left-radius: 8px;
    }

    .u-sm-borderRadiusBottomRight--bigger {
        border-bottom-right-radius: 8px;
    }
    /* negative */
    .u-sm-borderRadiusTopLeft--bigger-negative {
        border-top-left-radius: 0;
    }

    .u-sm-borderRadiusTopRight--bigger-negative {
        border-top-right-radius: 0;
    }

    .u-sm-borderRadiusBottomLeft--bigger-negative {
        border-bottom-left-radius: 0;
    }

    .u-sm-borderRadiusBottomRight--bigger-negative {
        border-bottom-right-radius: 0;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-borderRadius--default {
        border-radius: 4px;
    }
    /* positive */
    .u-xs-borderRadiusTopLeft--default {
        border-top-left-radius: 4px;
    }

    .u-xs-borderRadiusTopRight--default {
        border-top-right-radius: 4px;
    }

    .u-xs-borderRadiusBottomLeft--default {
        border-bottom-left-radius: 4px;
    }

    .u-xs-borderRadiusBottomRight--default {
        border-bottom-right-radius: 4px;
    }
    /* negative */
    .u-xs-borderRadiusTopLeft--default-negative {
        border-top-left-radius: 0;
    }

    .u-xs-borderRadiusTopRight--default-negative {
        border-top-right-radius: 0;
    }

    .u-xs-borderRadiusBottomLeft--default-negative {
        border-bottom-left-radius: 0;
    }

    .u-xs-borderRadiusBottomRight--default-negative {
        border-bottom-right-radius: 0;
    }

    .u-xs-borderRadius--bigger {
        border-radius: 8px;
    }
    /* positive */
    .u-xs-borderRadiusTopLeft--bigger {
        border-top-left-radius: 8px;
    }

    .u-xs-borderRadiusTopRight--bigger {
        border-top-right-radius: 8px;
    }

    .u-xs-borderRadiusBottomLeft--bigger {
        border-bottom-left-radius: 8px;
    }

    .u-xs-borderRadiusBottomRight--bigger {
        border-bottom-right-radius: 8px;
    }
    /* negative */
    .u-xs-borderRadiusTopLeft--bigger-negative {
        border-top-left-radius: 0;
    }

    .u-xs-borderRadiusTopRight--bigger-negative {
        border-top-right-radius: 0;
    }

    .u-xs-borderRadiusBottomLeft--bigger-negative {
        border-bottom-left-radius: 0;
    }

    .u-xs-borderRadiusBottomRight--bigger-negative {
        border-bottom-right-radius: 0;
    }
}

.Scroll-horizontal {
    height: 60px;
    white-space: nowrap;
    overflow: auto;
}

@media screen and (min-width: 1000px) {
    .Scroll-horizontal {
        height: inherit;
    }
}
/**
 * Make an element the width of its parent.
 */
.u-sizeFull {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
}

@media screen and (max-width: 1339px) {
    .u-md-SizeFull {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-SizeFull {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-sizeFull {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
}
/**
 * Word breaking
 *
 * Break strings when their length exceeds the width of their container.
 */
.u-textBreak {
    word-wrap: break-word !important;
}
/**
 * Horizontal text alignment
 */
.u-textCenter {
    text-align: center !important;
}

.u-textLeft {
    text-align: left !important;
}

.u-textRight {
    text-align: right !important;
}

.u-textUppercase {
    text-transform: uppercase !important;
}

.u-textTransformNone {
    text-transform: none !important;
}

.u-fontSize14 {
    font-size: 14px;
    line-height: 1.25em;
}

.u-fontSize17 {
    font-size: 17px;
}

.u-textWhiteSpaceNowrap {
    white-space: nowrap;
}

.u-textWhiteSpaceNormal {
    white-space: normal;
}

@media screen and (max-width: 999px) {
    .u-sm-textCenter {
        text-align: center !important;
    }

    .u-sm-textLeft {
        text-align: left !important;
    }

    .u-sm-textRight {
        text-align: right !important;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-textCenter {
        text-align: center !important;
    }

    .u-xs-textLeft {
        text-align: left !important;
    }

    .u-xs-textRight {
        text-align: right !important;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-textCenter {
        text-align: center !important;
    }

    .u-xxs-textLeft {
        text-align: left !important;
    }

    .u-xxs-textRight {
        text-align: right !important;
    }
}
/**
 * Decoration
 */
.u-decorationUnderline {
    text-decoration: underline;
}

.u-decorationNone {
    text-decoration: none;
}
/**
 * Cursor
 */
.u-cursorPointer {
    cursor: pointer;
}
/**
 * Inherit the ancestor's text color.
 */
.u-textInheritColor {
    color: inherit !important;
}
/**
 * Disable text selection
 */
.u-disableTextSelection {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                 not supported by any browser */
}
/**
 * Enables font kerning in all browsers.
 * http://blog.typekit.com/2014/02/05/kerning-on-the-web/
 *
 * 1. Chrome (not Windows), Firefox, IE 10+
 * 2. Safari 7 and future browsers
 * 3. Chrome (not Windows), Firefox, Safari 6+, iOS, Android
 */
.u-textKern {
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    /* 1 */
    -webkit-font-kerning: normal;
    font-kerning: normal;
    /* 2 */
    text-rendering: optimizeLegibility;
    /* 3 */
}
/**
 * Prevent whitespace wrapping
 */
.u-textNoWrap {
    white-space: nowrap !important;
}
/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an
 * ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
 *    nodes.
 */
.u-textTruncate {
    max-width: 100%;
    /* 1 */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
    /* 2 */
}

.u-dotAfter {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding-right: 13px;
}

    .u-dotAfter:after {
        content: '';
        position: absolute;
        top: 7px;
        right: 0;
        height: 7px;
        width: 7px;
        border-radius: 50%;
        background-color: #afa69c;
    }

.u-expInfoTime {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #92ba1a;
    padding: 0 5px;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .u-expInfoTime {
        padding: 0;
    }
}

.u-fontWeighBold {
    font-weight: 600;
}

.image-replacement {
    overflow: hidden;
    text-indent: -999em;
    text-align: left;
}

html[debug="1"] .u-todo {
    background-color: #ffffff;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMScgaGVpZ2h0PScyMicgdmlld0JveD0nMCAwIDUgMTAnPgoJPHJlY3Qgd2lkdGg9JzExMCUnIHg9Jy01JScgeT0nLTUlJyBoZWlnaHQ9JzExMCUnIGZpbGw9JyNmZmZmZmYnLz4KCTxsaW5lIHgxPSctMicgeTE9JzEnIHgyPSc3JyB5Mj0nMTAnIHN0cm9rZT0nI2Y4ZTg4ZScgc3Ryb2tlLXdpZHRoPScwLjUzJy8+Cgk8bGluZSB4MT0nLTInIHkxPSc2JyB4Mj0nNycgeTI9JzE1JyBzdHJva2U9JyNmOGU4OGUnIHN0cm9rZS13aWR0aD0nMC41MycvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nLTQnIHgyPSc3JyB5Mj0nNScgc3Ryb2tlPScjZjhlODhlJyBzdHJva2Utd2lkdGg9JzAuNTMnLz4KPC9zdmc+');
}

.Article-item {
    text-align: left;
    font-size: 0;
}

.Article-title {
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.01em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.Aticle-titleLink {
    text-decoration: underline;
}

    .Aticle-titleLink:hover {
        text-decoration: none;
    }

.Article-desc {
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0.01em;
}

.Article-image {
    width: 100%;
}

.Article-item--articles {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .Article-item--articles:first-child {
        margin-top: 0;
    }

    .Article-item--articles .Article-image {
        float: left;
    }

    .Article-item--articles .Article-thumbnail {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 100%;
        width: 34.5%;
    }

    .Article-item--articles .Article-content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 100%;
        width: 65.5%;
    }

.Article-item--video {
    padding: 20px;
    padding-bottom: 30px;
}

    .Article-item--video .Article-thumbnail,
    .Article-item--video .Article-content {
        margin-right: 0;
        width: 100%;
    }

    .Article-item--video .Article-title {
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.Article-item--videoBorder {
    background-color: #ffffff;
    border: 1px solid #cbdce5;
}

.Tips--noGutter .Article-item--videoBorder {
    border-left: 0 none;
    border-top: 0 none;
}

@media screen and (max-width: 1339px) {
    .Article-item--articles .Article-title {
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media screen and (max-width: 999px) {
    .Article-item--articles {
        margin-top: 20px;
    }

        .Article-item--articles:first-child,
        .Article-item--articles:last-child {
            margin-top: 20px;
        }

        .Article-item--articles .Article-thumbnail {
            width: 180px;
        }

        .Article-item--articles .Article-content {
            width: calc(100% - 180px);
        }
}

@media screen and (max-width: 767px) {
    .Article-item--articles .Article-thumbnail {
        width: 140px;
    }

    .Article-item--articles .Article-content {
        width: calc(100% - 140px);
    }

    .Article-item--video .Article-title,
    .Article-item--articles .Article-title {
        font-size: 15px;
        line-height: 22px;
    }

    .Article-item--articles .Article-title {
        margin-top: 0;
        margin-bottom: 5px;
        text-align: left;
        position: static;
        white-space: normal;
        overflow: visible;
    }

    .Article-desc {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 13px;
        line-height: 20px;
        position: relative;
        width: 100%;
        height: 64px;
        overflow: hidden;
    }
}

@media screen and (max-width: 441px) {
    .Article-item--video .Article-title {
        text-align: center;
    }

    .Article-desc {
        height: 44px;
    }
}
/*
    carousel
*/
.Carousel-articleHP {
    background-color: #ffffff;
    border: 1px solid #cbdce5;
}

    .Carousel-articleHP .bx-pager {
        position: absolute;
        bottom: 10px;
        left: 14px;
    }

@media screen and (max-width: 441px) {
    .Carousel-articleHP .bx-pager {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.branch-detail {
    display: none;
    margin-top: 0;
    padding: 10px 20px 30px 60px;
}

    .branch-detail .Icon {
        display: block;
        float: left;
        font-size: 14px;
        color: #000000;
        margin-top: 6px;
        margin-right: 10px;
    }

@media screen and (max-width: 767px) {
    .branch-detail {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.branch-contactItem {
    display: block;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

    .branch-contactItem.is-notIcon {
        padding-left: 25px;
    }

.branch-gallery {
    display: inline-block;
    max-width: 280px;
    text-align: left;
}

.branch-galleryThumbnails {
    margin-left: -4px;
    margin-right: -4px;
    margin-top: 5px;
}

    .branch-galleryThumbnails a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        padding-left: 4px;
        padding-right: 4px;
        font-size: 100%;
        width: 25%;
    }

.Branches-item {
    margin-top: 10px;
}

.Branches-map #map-canvas {
    width: 100%;
    height: 500px;
    border: 1px solid #dfdbd2;
    border-radius: 8px;
}

@media screen and (max-width: 767px) {
    .Branches-map {
        padding: 0;
        width: 100%;
    }

        .Branches-map #map-canvas {
            height: 400px;
        }
}

.InfoBubble > img {
    margin-top: 5px;
    margin-right: 5px;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

    .InfoBubble > img:hover {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

.Branches-bubbleItem .Content {
    font-size: 14px;
}

.Branches-bubbleItem .Heading--4 {
    margin-bottom: 5px;
}

.Branches-bubbleItem .Heading--sub {
    margin-bottom: 10px;
    color: #006077;
    font-weight: 600;
}

.Branches-bubbleItem p {
    margin-bottom: 10px;
}

.Branches-bubbleItem .p--desc {
    color: #76685b;
}

.Employees-itemAnchor {
    text-decoration: none;
}

.Employees-item {
    display: inline-block;
    margin-top: 20px;
    padding: 15px 18px;
    padding-bottom: 10px;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #cbdce5;
}

@media screen and (max-width: 767px) {
    .Employees-item {
        margin-top: 10px;
        padding-left: 100px;
    }
}

.Employees-portrait {
    float: left;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

@media screen and (max-width: 767px) {
    .Employees-portrait {
        margin-right: 0;
        width: 70px;
        height: 70px;
        position: absolute;
        left: 35px;
    }
}

.Employees-name {
    margin-top: 2px;
    color: #d42724;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.Employees-branch {
    display: inline-block;
    color: #d42724;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.Employees-contacts {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #cbdce5;
}

    .Employees-contacts .Icon-phone,
    .Employees-contacts .Icon-email {
        display: block;
        float: left;
        font-size: 14px;
        color: #000000;
        margin-top: 6px;
        margin-right: 10px;
    }

.Employees-phone,
.Employees-email {
    display: block;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
}

    .Employees-phone:hover,
    .Employees-email:hover {
        text-decoration: underline;
    }

.Employees-icon {
    position: relative;
    padding: 8px;
    width: 50px;
    height: 50px;
    background-color: #cbdce5;
    border-radius: 8px;
    color: #000000;
}

.Employees-caption-note {
    padding-top: 4px;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

@media screen and (max-width: 767px) {
    .Employees-caption-note {
        display: block;
    }
}

.Employees-gmap {
    width: 100%;
    height: 470px;
}

.Tips-hp {
    position: relative;
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .Tips-hp {
        padding-top: 20px;
    }
}

.Tips-linksMore {
    margin-top: 20px;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.01em;
}

    .Tips-linksMore .dot {
        position: relative;
        top: -2px;
        display: inline-block;
        width: 6px;
        height: 6px;
        background-color: #000000;
        border-radius: 50%;
    }

.Tips-linkMore {
    margin: 0 10px;
    color: #d42724;
    font-weight: 700;
}

    .Tips-linkMore:hover {
        text-decoration: none;
    }

@media screen and (max-width: 767px) {
    .Tips-linksMore {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 13px;
    }

    .Tips-titleMore {
        display: block;
    }
}

.Tips-items.Tips--withGutter {
    margin-left: -10px;
    margin-right: -10px;
}

    .Tips-items.Tips--withGutter .Tips-item {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 100%;
    }

.Tips-items.Tips--noGutter {
    margin-left: 0;
    margin-right: 0;
    border-left: 1px solid #cbdce5;
    border-top: 1px solid #cbdce5;
}

    .Tips-items.Tips--noGutter .Tips-item {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        padding-left: 0;
        padding-right: 0;
        font-size: 100%;
    }

@media screen and (max-width: 999px) {
    .Tips-items {
        display: block;
    }
}

.Tips-item {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .Tips-item {
        width: 100%;
    }

        .Tips-item:first-child,
        .Tips-item:last-child {
            width: 100%;
        }
}

@font-face {
    font-family: 'dpp-icon';
    src: url('../fonts/dpp-icon.eot?v42ium');
    src: url('../fonts/dpp-icon.eot?v42ium#iefix') format('embedded-opentype'), url('../fonts/dpp-icon.ttf?v42ium') format('truetype'), url('../fonts/dpp-icon.woff?v42ium') format('woff'), url('../fonts/dpp-icon.svg?v42ium#dpp-icon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i.IconCh {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'dpp-icon' !important;
    top: -0.0625em;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-height: 1.1em;
    min-width: 1em;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.IconCh-absolute:before {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.IconCh-size-extraSmall:before {
    font-size: 8px;
}

.IconCh-size-small:before {
    font-size: 10px;
}

.IconCh-size-medium:before {
    font-size: 16px;
}

.IconCh-size-large:before {
    font-size: 20px;
}

.icon-ch-alert-inverse:before {
    content: "\e931";
}

.icon-ch-alert:before {
    content: "\e932";
}

.icon-ch-arrow-down-darkBlue:before {
    content: "\e933";
    color: #1c6078;
}

.icon-ch-arrow-down:before {
    content: "\e934";
}

.icon-ch-arrow-right:before {
    content: "\e935";
}

.icon-ch-arrow-up:before {
    content: "\e936";
}

.icon-ch-bag:before {
    content: "\e937";
}

.icon-ch-branches:before {
    content: "\e938";
}

.icon-ch-building:before {
    content: "\e939";
}

.icon-ch-bus-stop:before {
    content: "\e93a";
}

.icon-ch-bus-stop22:before {
    content: "\e93b";
}

.icon-ch-bus:before {
    content: "\e93c";
}

.icon-ch-calendar:before {
    content: "\e93d";
}

.icon-ch-camera:before {
    content: "\e93e";
}

.icon-ch-car:before {
    content: "\e93f";
}

.icon-ch-card:before {
    content: "\e940";
}

.icon-ch-castecny-bezbarierovy-pristup:before {
    content: "\e941";
}

.icon-ch-docasny-jizdni-rad:before {
    content: "\e942";
}

.icon-ch-check:before {
    content: "\e943";
}

.icon-ch-coupon:before {
    content: "\e944";
}

.icon-ch-cross:before {
    content: "\e945";
}

.icon-ch-download:before {
    content: "\e946";
}

.icon-ch-email:before {
    content: "\e947";
}

.icon-ch-faq:before {
    content: "\e948";
}

.icon-ch-file-pdf:before {
    content: "\e949";
}

.icon-ch-filter:before {
    content: "\e94a";
}

.icon-ch-find:before {
    content: "\e94b";
}

.icon-ch-hamburger:before {
    content: "\e94c";
}

.icon-ch-handycap-alwayopen-terminus .path1:before {
    content: "\e94d";
    color: #ffffff;
}

.icon-ch-handycap-alwayopen-terminus .path2:before {
    content: "\e94e";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-alwayopen-terminus .path3:before {
    content: "\e94f";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-alwayopen .path1:before {
    content: "\e950";
    color: #ffffff;
}

.icon-ch-handycap-alwayopen .path2:before {
    content: "\e951";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-alwayopen .path3:before {
    content: "\e952";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-closed-terminus .path1:before {
    content: "\e953";
    color: #d42724;
}

.icon-ch-handycap-closed-terminus .path2:before {
    content: "\e954";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-closed-terminus .path3:before {
    content: "\e955";
    margin-left: -1em;
    color: #ffffff;
}

.icon-ch-handycap-closed-terminus .path4:before {
    content: "\e956";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-closed .path1:before {
    content: "\e957";
    color: #d42724;
}

.icon-ch-handycap-closed .path2:before {
    content: "\e958";
    margin-left: -1em;
    color: #ffffff;
}

.icon-ch-handycap-closed .path3:before {
    content: "\e959";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-partially-terminus .path1:before {
    content: "\e95a";
    color: #c4d72f;
}

.icon-ch-handycap-partially-terminus .path2:before {
    content: "\e95b";
    margin-left: -1em;
    color: #d42724;
}

.icon-ch-handycap-partially-terminus .path3:before {
    content: "\e95c";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-partially .path1:before {
    content: "\e95d";
    color: #d42724;
}

.icon-ch-handycap-partially .path2:before {
    content: "\e95e";
    margin-left: -1em;
    color: #c4d72f;
}

.icon-ch-handycap-partially .path3:before {
    content: "\e95f";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-working-terminus .path1:before {
    content: "\e960";
    color: #c4d72f;
}

.icon-ch-handycap-working-terminus .path2:before {
    content: "\e961";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-working-terminus .path3:before {
    content: "\e962";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-working .path1:before {
    content: "\e963";
    color: #c4d72f;
}

.icon-ch-handycap-working .path2:before {
    content: "\e964";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap-working .path3:before {
    content: "\e965";
    margin-left: -1em;
    color: #000000;
}

.icon-ch-handycap:before {
    content: "\e966";
}

.icon-ch-hearth:before {
    content: "\e967";
}

.icon-ch-help:before {
    content: "\e968";
}

.icon-ch-home:before {
    content: "\e969";
}

.icon-ch-info:before {
    content: "\e96a";
}

.icon-ch-lines:before {
    content: "\e96b";
}

.icon-ch-lists:before {
    content: "\e96c";
}

.icon-ch-localize:before {
    content: "\e96d";
}

.icon-ch-logout:before {
    content: "\e96e";
}

.icon-ch-map:before {
    content: "\e96f";
}

.icon-ch-money:before {
    content: "\e970";
}

.icon-ch-new-win:before {
    content: "\e971";
}

.icon-ch-nizkopodlazni-spoje:before {
    content: "\e972";
}

.icon-ch-passenger-adult:before {
    content: "\e973";
}

.icon-ch-passenger-child:before {
    content: "\e974";
}

.icon-ch-passenger-junior:before {
    content: "\e975";
}

.icon-ch-passenger-senior:before {
    content: "\e976";
}

.icon-ch-pencil:before {
    content: "\e977";
}

.icon-ch-phone:before {
    content: "\e978";
}

.icon-ch-plane:before {
    content: "\e979";
}

.icon-ch-prazdninovy-jizdni-rad:before {
    content: "\e97a";
}

.icon-ch-presun:before {
    content: "\e97b";
}

.icon-ch-print:before {
    content: "\e97c";
}

.icon-ch-restriction-detour:before {
    content: "\e97d";
}

.icon-ch-restriction:before {
    content: "\e97e";
}

.icon-ch-revert:before {
    content: "\e97f";
}

.icon-ch-safety:before {
    content: "\e980";
}

.icon-ch-services:before {
    content: "\e981";
}

.icon-ch-smile:before {
    content: "\e982";
}

.icon-ch-social-facebook:before {
    content: "\e983";
}

.icon-ch-social-instagram:before {
    content: "\e984";
}

.icon-ch-social-linkedin:before {
    content: "\e985";
}

.icon-ch-social-twitter:before {
    content: "\e986";
}

.icon-ch-social-youtube:before {
    content: "\e987";
}

.icon-ch-success:before {
    content: "\e988";
}

.icon-ch-ticket-setting:before {
    content: "\e989";
}

.icon-ch-ticket-sms:before {
    content: "\e98a";
}

.icon-ch-ticket:before {
    content: "\e98b";
}

.icon-ch-time:before {
    content: "\e98c";
}

.icon-ch-transport-boat:before {
    content: "\e98d";
}

.icon-ch-transport-bus:before {
    content: "\e98e";
}

.icon-ch-transport-lift:before {
    content: "\e98f";
}

.icon-ch-transport-metro:before {
    content: "\e990";
}

.icon-ch-transport-night:before {
    content: "\e991";
}

.icon-ch-transport-ship:before {
    content: "\e992";
}

.icon-ch-transport-train:before {
    content: "\e993";
}

.icon-ch-transport-tram:before {
    content: "\e994";
}

.icon-ch-user:before {
    content: "\e995";
}

.icon-ch-251:before {
    content: "\e900";
}

.icon-ch-247:before {
    content: "\e901";
}

.icon-ch-035:before {
    content: "\e902";
}

.icon-ch-043:before {
    content: "\e903";
}

.icon-ch-048:before {
    content: "\e904";
}

.icon-ch-049:before {
    content: "\e905";
}

.icon-ch-050:before {
    content: "\e906";
}

.icon-ch-051:before {
    content: "\e907";
}

.icon-ch-052:before {
    content: "\e908";
}

.icon-ch-053:before {
    content: "\e909";
}

.icon-ch-054:before {
    content: "\e90a";
}

.icon-ch-055:before {
    content: "\e90b";
}

.icon-ch-056:before {
    content: "\e90c";
}

.icon-ch-057:before {
    content: "\e90d";
}

.icon-ch-068:before {
    content: "\e90e";
}

.icon-ch-072:before {
    content: "\e90f";
}

.icon-ch-076:before {
    content: "\e910";
}

.icon-ch-077:before {
    content: "\e911";
}

.icon-ch-080:before {
    content: "\e912";
}

.icon-ch-081:before {
    content: "\e913";
}

.icon-ch-082:before {
    content: "\e914";
}

.icon-ch-088:before {
    content: "\e915";
}

.icon-ch-108:before {
    content: "\e916";
}

.icon-ch-109:before {
    content: "\e917";
}

.icon-ch-112:before {
    content: "\e918";
}

.icon-ch-113:before {
    content: "\e919";
}

.icon-ch-116:before {
    content: "\e91a";
}

.icon-ch-118:before {
    content: "\e91b";
}

.icon-ch-119:before {
    content: "\e91c";
}

.icon-ch-120:before {
    content: "\e91d";
}

.icon-ch-122:before {
    content: "\e91e";
}

.icon-ch-169:before {
    content: "\e91f";
}

.icon-ch-170:before {
    content: "\e920";
}

.icon-ch-172:before {
    content: "\e921";
}

.icon-ch-173:before {
    content: "\e922";
}

.icon-ch-174:before {
    content: "\e923";
}

.icon-ch-175:before {
    content: "\e924";
}

.icon-ch-176:before {
    content: "\e925";
}

.icon-ch-178:before {
    content: "\e926";
}

.icon-ch-179:before {
    content: "\e927";
}

.icon-ch-181:before {
    content: "\e928";
}

.icon-ch-182:before {
    content: "\e929";
}

.icon-ch-186:before {
    content: "\e92a";
}

.icon-ch-188:before {
    content: "\e92b";
}

.icon-ch-191:before {
    content: "\e92c";
}

.icon-ch-192:before {
    content: "\e92d";
}

.icon-ch-193:before {
    content: "\e92e";
}

.icon-ch-194:before {
    content: "\e92f";
}

.icon-ch-242:before {
    content: "\e930";
}
/* ----------------------- */
/* SITE SPACING (max, step)
/* ----------------------- */
.u-m--5 {
    margin: 5px !important;
}

.u-mb--5 {
    margin-bottom: 5px !important;
}

.u-mt--5 {
    margin-top: 5px !important;
}

.u-ml--5 {
    margin-left: 5px !important;
}

.u-mr--5 {
    margin-right: 5px !important;
}

.u-p--5 {
    padding: 5px !important;
}

.u-pb--5 {
    padding-bottom: 5px !important;
}

.u-pt--5 {
    padding-top: 5px !important;
}

.u-pl--5 {
    padding-left: 5px !important;
}

.u-pr--5 {
    padding-right: 5px !important;
}

.u-m--10 {
    margin: 10px !important;
}

.u-mb--10 {
    margin-bottom: 10px !important;
}

.u-mt--10 {
    margin-top: 10px !important;
}

.u-ml--10 {
    margin-left: 10px !important;
}

.u-mr--10 {
    margin-right: 10px !important;
}

.u-p--10 {
    padding: 10px !important;
}

.u-pb--10 {
    padding-bottom: 10px !important;
}

.u-pt--10 {
    padding-top: 10px !important;
}

.u-pl--10 {
    padding-left: 10px !important;
}

.u-pr--10 {
    padding-right: 10px !important;
}

.u-m--15 {
    margin: 15px !important;
}

.u-mb--15 {
    margin-bottom: 15px !important;
}

.u-mt--15 {
    margin-top: 15px !important;
}

.u-ml--15 {
    margin-left: 15px !important;
}

.u-mr--15 {
    margin-right: 15px !important;
}

.u-p--15 {
    padding: 15px !important;
}

.u-pb--15 {
    padding-bottom: 15px !important;
}

.u-pt--15 {
    padding-top: 15px !important;
}

.u-pl--15 {
    padding-left: 15px !important;
}

.u-pr--15 {
    padding-right: 15px !important;
}

.u-m--20 {
    margin: 20px !important;
}

.u-mb--20 {
    margin-bottom: 20px !important;
}

.u-mt--20 {
    margin-top: 20px !important;
}

.u-ml--20 {
    margin-left: 20px !important;
}

.u-mr--20 {
    margin-right: 20px !important;
}

.u-p--20 {
    padding: 20px !important;
}

.u-pb--20 {
    padding-bottom: 20px !important;
}

.u-pt--20 {
    padding-top: 20px !important;
}

.u-pl--20 {
    padding-left: 20px !important;
}

.u-pr--20 {
    padding-right: 20px !important;
}

.u-m--25 {
    margin: 25px !important;
}

.u-mb--25 {
    margin-bottom: 25px !important;
}

.u-mt--25 {
    margin-top: 25px !important;
}

.u-ml--25 {
    margin-left: 25px !important;
}

.u-mr--25 {
    margin-right: 25px !important;
}

.u-p--25 {
    padding: 25px !important;
}

.u-pb--25 {
    padding-bottom: 25px !important;
}

.u-pt--25 {
    padding-top: 25px !important;
}

.u-pl--25 {
    padding-left: 25px !important;
}

.u-pr--25 {
    padding-right: 25px !important;
}

.u-m--30 {
    margin: 30px !important;
}

.u-mb--30 {
    margin-bottom: 30px !important;
}

.u-mt--30 {
    margin-top: 30px !important;
}

.u-ml--30 {
    margin-left: 30px !important;
}

.u-mr--30 {
    margin-right: 30px !important;
}

.u-p--30 {
    padding: 30px !important;
}

.u-pb--30 {
    padding-bottom: 30px !important;
}

.u-pt--30 {
    padding-top: 30px !important;
}

.u-pl--30 {
    padding-left: 30px !important;
}

.u-pr--30 {
    padding-right: 30px !important;
}

.u-m--35 {
    margin: 35px !important;
}

.u-mb--35 {
    margin-bottom: 35px !important;
}

.u-mt--35 {
    margin-top: 35px !important;
}

.u-ml--35 {
    margin-left: 35px !important;
}

.u-mr--35 {
    margin-right: 35px !important;
}

.u-p--35 {
    padding: 35px !important;
}

.u-pb--35 {
    padding-bottom: 35px !important;
}

.u-pt--35 {
    padding-top: 35px !important;
}

.u-pl--35 {
    padding-left: 35px !important;
}

.u-pr--35 {
    padding-right: 35px !important;
}

.u-m--40 {
    margin: 40px !important;
}

.u-mb--40 {
    margin-bottom: 40px !important;
}

.u-mt--40 {
    margin-top: 40px !important;
}

.u-ml--40 {
    margin-left: 40px !important;
}

.u-mr--40 {
    margin-right: 40px !important;
}

.u-p--40 {
    padding: 40px !important;
}

.u-pb--40 {
    padding-bottom: 40px !important;
}

.u-pt--40 {
    padding-top: 40px !important;
}

.u-pl--40 {
    padding-left: 40px !important;
}

.u-pr--40 {
    padding-right: 40px !important;
}

.u-m--45 {
    margin: 45px !important;
}

.u-mb--45 {
    margin-bottom: 45px !important;
}

.u-mt--45 {
    margin-top: 45px !important;
}

.u-ml--45 {
    margin-left: 45px !important;
}

.u-mr--45 {
    margin-right: 45px !important;
}

.u-p--45 {
    padding: 45px !important;
}

.u-pb--45 {
    padding-bottom: 45px !important;
}

.u-pt--45 {
    padding-top: 45px !important;
}

.u-pl--45 {
    padding-left: 45px !important;
}

.u-pr--45 {
    padding-right: 45px !important;
}

.u-m--50 {
    margin: 50px !important;
}

.u-mb--50 {
    margin-bottom: 50px !important;
}

.u-mt--50 {
    margin-top: 50px !important;
}

.u-ml--50 {
    margin-left: 50px !important;
}

.u-mr--50 {
    margin-right: 50px !important;
}

.u-p--50 {
    padding: 50px !important;
}

.u-pb--50 {
    padding-bottom: 50px !important;
}

.u-pt--50 {
    padding-top: 50px !important;
}

.u-pl--50 {
    padding-left: 50px !important;
}

.u-pr--50 {
    padding-right: 50px !important;
}

.u-m--55 {
    margin: 55px !important;
}

.u-mb--55 {
    margin-bottom: 55px !important;
}

.u-mt--55 {
    margin-top: 55px !important;
}

.u-ml--55 {
    margin-left: 55px !important;
}

.u-mr--55 {
    margin-right: 55px !important;
}

.u-p--55 {
    padding: 55px !important;
}

.u-pb--55 {
    padding-bottom: 55px !important;
}

.u-pt--55 {
    padding-top: 55px !important;
}

.u-pl--55 {
    padding-left: 55px !important;
}

.u-pr--55 {
    padding-right: 55px !important;
}

.u-m--60 {
    margin: 60px !important;
}

.u-mb--60 {
    margin-bottom: 60px !important;
}

.u-mt--60 {
    margin-top: 60px !important;
}

.u-ml--60 {
    margin-left: 60px !important;
}

.u-mr--60 {
    margin-right: 60px !important;
}

.u-p--60 {
    padding: 60px !important;
}

.u-pb--60 {
    padding-bottom: 60px !important;
}

.u-pt--60 {
    padding-top: 60px !important;
}

.u-pl--60 {
    padding-left: 60px !important;
}

.u-pr--60 {
    padding-right: 60px !important;
}

.u-m--65 {
    margin: 65px !important;
}

.u-mb--65 {
    margin-bottom: 65px !important;
}

.u-mt--65 {
    margin-top: 65px !important;
}

.u-ml--65 {
    margin-left: 65px !important;
}

.u-mr--65 {
    margin-right: 65px !important;
}

.u-p--65 {
    padding: 65px !important;
}

.u-pb--65 {
    padding-bottom: 65px !important;
}

.u-pt--65 {
    padding-top: 65px !important;
}

.u-pl--65 {
    padding-left: 65px !important;
}

.u-pr--65 {
    padding-right: 65px !important;
}

.u-m--70 {
    margin: 70px !important;
}

.u-mb--70 {
    margin-bottom: 70px !important;
}

.u-mt--70 {
    margin-top: 70px !important;
}

.u-ml--70 {
    margin-left: 70px !important;
}

.u-mr--70 {
    margin-right: 70px !important;
}

.u-p--70 {
    padding: 70px !important;
}

.u-pb--70 {
    padding-bottom: 70px !important;
}

.u-pt--70 {
    padding-top: 70px !important;
}

.u-pl--70 {
    padding-left: 70px !important;
}

.u-pr--70 {
    padding-right: 70px !important;
}

.u-m--75 {
    margin: 75px !important;
}

.u-mb--75 {
    margin-bottom: 75px !important;
}

.u-mt--75 {
    margin-top: 75px !important;
}

.u-ml--75 {
    margin-left: 75px !important;
}

.u-mr--75 {
    margin-right: 75px !important;
}

.u-p--75 {
    padding: 75px !important;
}

.u-pb--75 {
    padding-bottom: 75px !important;
}

.u-pt--75 {
    padding-top: 75px !important;
}

.u-pl--75 {
    padding-left: 75px !important;
}

.u-pr--75 {
    padding-right: 75px !important;
}

.u-m--80 {
    margin: 80px !important;
}

.u-mb--80 {
    margin-bottom: 80px !important;
}

.u-mt--80 {
    margin-top: 80px !important;
}

.u-ml--80 {
    margin-left: 80px !important;
}

.u-mr--80 {
    margin-right: 80px !important;
}

.u-p--80 {
    padding: 80px !important;
}

.u-pb--80 {
    padding-bottom: 80px !important;
}

.u-pt--80 {
    padding-top: 80px !important;
}

.u-pl--80 {
    padding-left: 80px !important;
}

.u-pr--80 {
    padding-right: 80px !important;
}

.u-m--85 {
    margin: 85px !important;
}

.u-mb--85 {
    margin-bottom: 85px !important;
}

.u-mt--85 {
    margin-top: 85px !important;
}

.u-ml--85 {
    margin-left: 85px !important;
}

.u-mr--85 {
    margin-right: 85px !important;
}

.u-p--85 {
    padding: 85px !important;
}

.u-pb--85 {
    padding-bottom: 85px !important;
}

.u-pt--85 {
    padding-top: 85px !important;
}

.u-pl--85 {
    padding-left: 85px !important;
}

.u-pr--85 {
    padding-right: 85px !important;
}

.u-m--90 {
    margin: 90px !important;
}

.u-mb--90 {
    margin-bottom: 90px !important;
}

.u-mt--90 {
    margin-top: 90px !important;
}

.u-ml--90 {
    margin-left: 90px !important;
}

.u-mr--90 {
    margin-right: 90px !important;
}

.u-p--90 {
    padding: 90px !important;
}

.u-pb--90 {
    padding-bottom: 90px !important;
}

.u-pt--90 {
    padding-top: 90px !important;
}

.u-pl--90 {
    padding-left: 90px !important;
}

.u-pr--90 {
    padding-right: 90px !important;
}

.u-m--95 {
    margin: 95px !important;
}

.u-mb--95 {
    margin-bottom: 95px !important;
}

.u-mt--95 {
    margin-top: 95px !important;
}

.u-ml--95 {
    margin-left: 95px !important;
}

.u-mr--95 {
    margin-right: 95px !important;
}

.u-p--95 {
    padding: 95px !important;
}

.u-pb--95 {
    padding-bottom: 95px !important;
}

.u-pt--95 {
    padding-top: 95px !important;
}

.u-pl--95 {
    padding-left: 95px !important;
}

.u-pr--95 {
    padding-right: 95px !important;
}

.u-m--100 {
    margin: 100px !important;
}

.u-mb--100 {
    margin-bottom: 100px !important;
}

.u-mt--100 {
    margin-top: 100px !important;
}

.u-ml--100 {
    margin-left: 100px !important;
}

.u-mr--100 {
    margin-right: 100px !important;
}

.u-p--100 {
    padding: 100px !important;
}

.u-pb--100 {
    padding-bottom: 100px !important;
}

.u-pt--100 {
    padding-top: 100px !important;
}

.u-pl--100 {
    padding-left: 100px !important;
}

.u-pr--100 {
    padding-right: 100px !important;
}

.u-mb--none {
    margin-bottom: 0 !important;
}

.u-mt--none {
    margin-top: 0 !important;
}

.u-mr--none {
    margin-right: 0 !important;
}

.u-ml--none {
    margin-left: 0 !important;
}

.u-pb--none {
    padding-bottom: 0 !important;
}

.u-pt--none {
    padding-top: 0 !important;
}

.u-pl--none {
    padding-left: 0 !important;
}

.u-pr--none {
    padding-right: 0 !important;
}

@media screen and (max-width: 1339px) {
    .u-md-m--5 {
        margin: 5px !important;
    }

    .u-md-mb--5 {
        margin-bottom: 5px !important;
    }

    .u-md-mt--5 {
        margin-top: 5px !important;
    }

    .u-md-ml--5 {
        margin-left: 5px !important;
    }

    .u-md-mr--5 {
        margin-right: 5px !important;
    }

    .u-md-p--5 {
        padding: 5px !important;
    }

    .u-md-pb--5 {
        padding-bottom: 5px !important;
    }

    .u-md-pt--5 {
        padding-top: 5px !important;
    }

    .u-md-pl--5 {
        padding-left: 5px !important;
    }

    .u-md-pr--5 {
        padding-right: 5px !important;
    }

    .u-md-m--10 {
        margin: 10px !important;
    }

    .u-md-mb--10 {
        margin-bottom: 10px !important;
    }

    .u-md-mt--10 {
        margin-top: 10px !important;
    }

    .u-md-ml--10 {
        margin-left: 10px !important;
    }

    .u-md-mr--10 {
        margin-right: 10px !important;
    }

    .u-md-p--10 {
        padding: 10px !important;
    }

    .u-md-pb--10 {
        padding-bottom: 10px !important;
    }

    .u-md-pt--10 {
        padding-top: 10px !important;
    }

    .u-md-pl--10 {
        padding-left: 10px !important;
    }

    .u-md-pr--10 {
        padding-right: 10px !important;
    }

    .u-md-m--15 {
        margin: 15px !important;
    }

    .u-md-mb--15 {
        margin-bottom: 15px !important;
    }

    .u-md-mt--15 {
        margin-top: 15px !important;
    }

    .u-md-ml--15 {
        margin-left: 15px !important;
    }

    .u-md-mr--15 {
        margin-right: 15px !important;
    }

    .u-md-p--15 {
        padding: 15px !important;
    }

    .u-md-pb--15 {
        padding-bottom: 15px !important;
    }

    .u-md-pt--15 {
        padding-top: 15px !important;
    }

    .u-md-pl--15 {
        padding-left: 15px !important;
    }

    .u-md-pr--15 {
        padding-right: 15px !important;
    }

    .u-md-m--20 {
        margin: 20px !important;
    }

    .u-md-mb--20 {
        margin-bottom: 20px !important;
    }

    .u-md-mt--20 {
        margin-top: 20px !important;
    }

    .u-md-ml--20 {
        margin-left: 20px !important;
    }

    .u-md-mr--20 {
        margin-right: 20px !important;
    }

    .u-md-p--20 {
        padding: 20px !important;
    }

    .u-md-pb--20 {
        padding-bottom: 20px !important;
    }

    .u-md-pt--20 {
        padding-top: 20px !important;
    }

    .u-md-pl--20 {
        padding-left: 20px !important;
    }

    .u-md-pr--20 {
        padding-right: 20px !important;
    }

    .u-md-m--25 {
        margin: 25px !important;
    }

    .u-md-mb--25 {
        margin-bottom: 25px !important;
    }

    .u-md-mt--25 {
        margin-top: 25px !important;
    }

    .u-md-ml--25 {
        margin-left: 25px !important;
    }

    .u-md-mr--25 {
        margin-right: 25px !important;
    }

    .u-md-p--25 {
        padding: 25px !important;
    }

    .u-md-pb--25 {
        padding-bottom: 25px !important;
    }

    .u-md-pt--25 {
        padding-top: 25px !important;
    }

    .u-md-pl--25 {
        padding-left: 25px !important;
    }

    .u-md-pr--25 {
        padding-right: 25px !important;
    }

    .u-md-m--30 {
        margin: 30px !important;
    }

    .u-md-mb--30 {
        margin-bottom: 30px !important;
    }

    .u-md-mt--30 {
        margin-top: 30px !important;
    }

    .u-md-ml--30 {
        margin-left: 30px !important;
    }

    .u-md-mr--30 {
        margin-right: 30px !important;
    }

    .u-md-p--30 {
        padding: 30px !important;
    }

    .u-md-pb--30 {
        padding-bottom: 30px !important;
    }

    .u-md-pt--30 {
        padding-top: 30px !important;
    }

    .u-md-pl--30 {
        padding-left: 30px !important;
    }

    .u-md-pr--30 {
        padding-right: 30px !important;
    }

    .u-md-m--35 {
        margin: 35px !important;
    }

    .u-md-mb--35 {
        margin-bottom: 35px !important;
    }

    .u-md-mt--35 {
        margin-top: 35px !important;
    }

    .u-md-ml--35 {
        margin-left: 35px !important;
    }

    .u-md-mr--35 {
        margin-right: 35px !important;
    }

    .u-md-p--35 {
        padding: 35px !important;
    }

    .u-md-pb--35 {
        padding-bottom: 35px !important;
    }

    .u-md-pt--35 {
        padding-top: 35px !important;
    }

    .u-md-pl--35 {
        padding-left: 35px !important;
    }

    .u-md-pr--35 {
        padding-right: 35px !important;
    }

    .u-md-m--40 {
        margin: 40px !important;
    }

    .u-md-mb--40 {
        margin-bottom: 40px !important;
    }

    .u-md-mt--40 {
        margin-top: 40px !important;
    }

    .u-md-ml--40 {
        margin-left: 40px !important;
    }

    .u-md-mr--40 {
        margin-right: 40px !important;
    }

    .u-md-p--40 {
        padding: 40px !important;
    }

    .u-md-pb--40 {
        padding-bottom: 40px !important;
    }

    .u-md-pt--40 {
        padding-top: 40px !important;
    }

    .u-md-pl--40 {
        padding-left: 40px !important;
    }

    .u-md-pr--40 {
        padding-right: 40px !important;
    }

    .u-md-m--45 {
        margin: 45px !important;
    }

    .u-md-mb--45 {
        margin-bottom: 45px !important;
    }

    .u-md-mt--45 {
        margin-top: 45px !important;
    }

    .u-md-ml--45 {
        margin-left: 45px !important;
    }

    .u-md-mr--45 {
        margin-right: 45px !important;
    }

    .u-md-p--45 {
        padding: 45px !important;
    }

    .u-md-pb--45 {
        padding-bottom: 45px !important;
    }

    .u-md-pt--45 {
        padding-top: 45px !important;
    }

    .u-md-pl--45 {
        padding-left: 45px !important;
    }

    .u-md-pr--45 {
        padding-right: 45px !important;
    }

    .u-md-m--50 {
        margin: 50px !important;
    }

    .u-md-mb--50 {
        margin-bottom: 50px !important;
    }

    .u-md-mt--50 {
        margin-top: 50px !important;
    }

    .u-md-ml--50 {
        margin-left: 50px !important;
    }

    .u-md-mr--50 {
        margin-right: 50px !important;
    }

    .u-md-p--50 {
        padding: 50px !important;
    }

    .u-md-pb--50 {
        padding-bottom: 50px !important;
    }

    .u-md-pt--50 {
        padding-top: 50px !important;
    }

    .u-md-pl--50 {
        padding-left: 50px !important;
    }

    .u-md-pr--50 {
        padding-right: 50px !important;
    }

    .u-md-m--55 {
        margin: 55px !important;
    }

    .u-md-mb--55 {
        margin-bottom: 55px !important;
    }

    .u-md-mt--55 {
        margin-top: 55px !important;
    }

    .u-md-ml--55 {
        margin-left: 55px !important;
    }

    .u-md-mr--55 {
        margin-right: 55px !important;
    }

    .u-md-p--55 {
        padding: 55px !important;
    }

    .u-md-pb--55 {
        padding-bottom: 55px !important;
    }

    .u-md-pt--55 {
        padding-top: 55px !important;
    }

    .u-md-pl--55 {
        padding-left: 55px !important;
    }

    .u-md-pr--55 {
        padding-right: 55px !important;
    }

    .u-md-m--60 {
        margin: 60px !important;
    }

    .u-md-mb--60 {
        margin-bottom: 60px !important;
    }

    .u-md-mt--60 {
        margin-top: 60px !important;
    }

    .u-md-ml--60 {
        margin-left: 60px !important;
    }

    .u-md-mr--60 {
        margin-right: 60px !important;
    }

    .u-md-p--60 {
        padding: 60px !important;
    }

    .u-md-pb--60 {
        padding-bottom: 60px !important;
    }

    .u-md-pt--60 {
        padding-top: 60px !important;
    }

    .u-md-pl--60 {
        padding-left: 60px !important;
    }

    .u-md-pr--60 {
        padding-right: 60px !important;
    }

    .u-md-m--65 {
        margin: 65px !important;
    }

    .u-md-mb--65 {
        margin-bottom: 65px !important;
    }

    .u-md-mt--65 {
        margin-top: 65px !important;
    }

    .u-md-ml--65 {
        margin-left: 65px !important;
    }

    .u-md-mr--65 {
        margin-right: 65px !important;
    }

    .u-md-p--65 {
        padding: 65px !important;
    }

    .u-md-pb--65 {
        padding-bottom: 65px !important;
    }

    .u-md-pt--65 {
        padding-top: 65px !important;
    }

    .u-md-pl--65 {
        padding-left: 65px !important;
    }

    .u-md-pr--65 {
        padding-right: 65px !important;
    }

    .u-md-m--70 {
        margin: 70px !important;
    }

    .u-md-mb--70 {
        margin-bottom: 70px !important;
    }

    .u-md-mt--70 {
        margin-top: 70px !important;
    }

    .u-md-ml--70 {
        margin-left: 70px !important;
    }

    .u-md-mr--70 {
        margin-right: 70px !important;
    }

    .u-md-p--70 {
        padding: 70px !important;
    }

    .u-md-pb--70 {
        padding-bottom: 70px !important;
    }

    .u-md-pt--70 {
        padding-top: 70px !important;
    }

    .u-md-pl--70 {
        padding-left: 70px !important;
    }

    .u-md-pr--70 {
        padding-right: 70px !important;
    }

    .u-md-m--75 {
        margin: 75px !important;
    }

    .u-md-mb--75 {
        margin-bottom: 75px !important;
    }

    .u-md-mt--75 {
        margin-top: 75px !important;
    }

    .u-md-ml--75 {
        margin-left: 75px !important;
    }

    .u-md-mr--75 {
        margin-right: 75px !important;
    }

    .u-md-p--75 {
        padding: 75px !important;
    }

    .u-md-pb--75 {
        padding-bottom: 75px !important;
    }

    .u-md-pt--75 {
        padding-top: 75px !important;
    }

    .u-md-pl--75 {
        padding-left: 75px !important;
    }

    .u-md-pr--75 {
        padding-right: 75px !important;
    }

    .u-md-m--80 {
        margin: 80px !important;
    }

    .u-md-mb--80 {
        margin-bottom: 80px !important;
    }

    .u-md-mt--80 {
        margin-top: 80px !important;
    }

    .u-md-ml--80 {
        margin-left: 80px !important;
    }

    .u-md-mr--80 {
        margin-right: 80px !important;
    }

    .u-md-p--80 {
        padding: 80px !important;
    }

    .u-md-pb--80 {
        padding-bottom: 80px !important;
    }

    .u-md-pt--80 {
        padding-top: 80px !important;
    }

    .u-md-pl--80 {
        padding-left: 80px !important;
    }

    .u-md-pr--80 {
        padding-right: 80px !important;
    }

    .u-md-m--85 {
        margin: 85px !important;
    }

    .u-md-mb--85 {
        margin-bottom: 85px !important;
    }

    .u-md-mt--85 {
        margin-top: 85px !important;
    }

    .u-md-ml--85 {
        margin-left: 85px !important;
    }

    .u-md-mr--85 {
        margin-right: 85px !important;
    }

    .u-md-p--85 {
        padding: 85px !important;
    }

    .u-md-pb--85 {
        padding-bottom: 85px !important;
    }

    .u-md-pt--85 {
        padding-top: 85px !important;
    }

    .u-md-pl--85 {
        padding-left: 85px !important;
    }

    .u-md-pr--85 {
        padding-right: 85px !important;
    }

    .u-md-m--90 {
        margin: 90px !important;
    }

    .u-md-mb--90 {
        margin-bottom: 90px !important;
    }

    .u-md-mt--90 {
        margin-top: 90px !important;
    }

    .u-md-ml--90 {
        margin-left: 90px !important;
    }

    .u-md-mr--90 {
        margin-right: 90px !important;
    }

    .u-md-p--90 {
        padding: 90px !important;
    }

    .u-md-pb--90 {
        padding-bottom: 90px !important;
    }

    .u-md-pt--90 {
        padding-top: 90px !important;
    }

    .u-md-pl--90 {
        padding-left: 90px !important;
    }

    .u-md-pr--90 {
        padding-right: 90px !important;
    }

    .u-md-m--95 {
        margin: 95px !important;
    }

    .u-md-mb--95 {
        margin-bottom: 95px !important;
    }

    .u-md-mt--95 {
        margin-top: 95px !important;
    }

    .u-md-ml--95 {
        margin-left: 95px !important;
    }

    .u-md-mr--95 {
        margin-right: 95px !important;
    }

    .u-md-p--95 {
        padding: 95px !important;
    }

    .u-md-pb--95 {
        padding-bottom: 95px !important;
    }

    .u-md-pt--95 {
        padding-top: 95px !important;
    }

    .u-md-pl--95 {
        padding-left: 95px !important;
    }

    .u-md-pr--95 {
        padding-right: 95px !important;
    }

    .u-md-m--100 {
        margin: 100px !important;
    }

    .u-md-mb--100 {
        margin-bottom: 100px !important;
    }

    .u-md-mt--100 {
        margin-top: 100px !important;
    }

    .u-md-ml--100 {
        margin-left: 100px !important;
    }

    .u-md-mr--100 {
        margin-right: 100px !important;
    }

    .u-md-p--100 {
        padding: 100px !important;
    }

    .u-md-pb--100 {
        padding-bottom: 100px !important;
    }

    .u-md-pt--100 {
        padding-top: 100px !important;
    }

    .u-md-pl--100 {
        padding-left: 100px !important;
    }

    .u-md-pr--100 {
        padding-right: 100px !important;
    }

    .u-md-mb--none {
        margin-bottom: 0 !important;
    }

    .u-md-mt--none {
        margin-top: 0 !important;
    }

    .u-md-mr--none {
        margin-right: 0 !important;
    }

    .u-md-ml--none {
        margin-left: 0 !important;
    }

    .u-md-pb--none {
        padding-bottom: 0 !important;
    }

    .u-md-pt--none {
        padding-top: 0 !important;
    }

    .u-md-pl--none {
        padding-left: 0 !important;
    }

    .u-md-pr--none {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 999px) {
    .u-sm-m--5 {
        margin: 5px !important;
    }

    .u-sm-mb--5 {
        margin-bottom: 5px !important;
    }

    .u-sm-mt--5 {
        margin-top: 5px !important;
    }

    .u-sm-ml--5 {
        margin-left: 5px !important;
    }

    .u-sm-mr--5 {
        margin-right: 5px !important;
    }

    .u-sm-p--5 {
        padding: 5px !important;
    }

    .u-sm-pb--5 {
        padding-bottom: 5px !important;
    }

    .u-sm-pt--5 {
        padding-top: 5px !important;
    }

    .u-sm-pl--5 {
        padding-left: 5px !important;
    }

    .u-sm-pr--5 {
        padding-right: 5px !important;
    }

    .u-sm-m--10 {
        margin: 10px !important;
    }

    .u-sm-mb--10 {
        margin-bottom: 10px !important;
    }

    .u-sm-mt--10 {
        margin-top: 10px !important;
    }

    .u-sm-ml--10 {
        margin-left: 10px !important;
    }

    .u-sm-mr--10 {
        margin-right: 10px !important;
    }

    .u-sm-p--10 {
        padding: 10px !important;
    }

    .u-sm-pb--10 {
        padding-bottom: 10px !important;
    }

    .u-sm-pt--10 {
        padding-top: 10px !important;
    }

    .u-sm-pl--10 {
        padding-left: 10px !important;
    }

    .u-sm-pr--10 {
        padding-right: 10px !important;
    }

    .u-sm-m--15 {
        margin: 15px !important;
    }

    .u-sm-mb--15 {
        margin-bottom: 15px !important;
    }

    .u-sm-mt--15 {
        margin-top: 15px !important;
    }

    .u-sm-ml--15 {
        margin-left: 15px !important;
    }

    .u-sm-mr--15 {
        margin-right: 15px !important;
    }

    .u-sm-p--15 {
        padding: 15px !important;
    }

    .u-sm-pb--15 {
        padding-bottom: 15px !important;
    }

    .u-sm-pt--15 {
        padding-top: 15px !important;
    }

    .u-sm-pl--15 {
        padding-left: 15px !important;
    }

    .u-sm-pr--15 {
        padding-right: 15px !important;
    }

    .u-sm-m--20 {
        margin: 20px !important;
    }

    .u-sm-mb--20 {
        margin-bottom: 20px !important;
    }

    .u-sm-mt--20 {
        margin-top: 20px !important;
    }

    .u-sm-ml--20 {
        margin-left: 20px !important;
    }

    .u-sm-mr--20 {
        margin-right: 20px !important;
    }

    .u-sm-p--20 {
        padding: 20px !important;
    }

    .u-sm-pb--20 {
        padding-bottom: 20px !important;
    }

    .u-sm-pt--20 {
        padding-top: 20px !important;
    }

    .u-sm-pl--20 {
        padding-left: 20px !important;
    }

    .u-sm-pr--20 {
        padding-right: 20px !important;
    }

    .u-sm-m--25 {
        margin: 25px !important;
    }

    .u-sm-mb--25 {
        margin-bottom: 25px !important;
    }

    .u-sm-mt--25 {
        margin-top: 25px !important;
    }

    .u-sm-ml--25 {
        margin-left: 25px !important;
    }

    .u-sm-mr--25 {
        margin-right: 25px !important;
    }

    .u-sm-p--25 {
        padding: 25px !important;
    }

    .u-sm-pb--25 {
        padding-bottom: 25px !important;
    }

    .u-sm-pt--25 {
        padding-top: 25px !important;
    }

    .u-sm-pl--25 {
        padding-left: 25px !important;
    }

    .u-sm-pr--25 {
        padding-right: 25px !important;
    }

    .u-sm-m--30 {
        margin: 30px !important;
    }

    .u-sm-mb--30 {
        margin-bottom: 30px !important;
    }

    .u-sm-mt--30 {
        margin-top: 30px !important;
    }

    .u-sm-ml--30 {
        margin-left: 30px !important;
    }

    .u-sm-mr--30 {
        margin-right: 30px !important;
    }

    .u-sm-p--30 {
        padding: 30px !important;
    }

    .u-sm-pb--30 {
        padding-bottom: 30px !important;
    }

    .u-sm-pt--30 {
        padding-top: 30px !important;
    }

    .u-sm-pl--30 {
        padding-left: 30px !important;
    }

    .u-sm-pr--30 {
        padding-right: 30px !important;
    }

    .u-sm-m--35 {
        margin: 35px !important;
    }

    .u-sm-mb--35 {
        margin-bottom: 35px !important;
    }

    .u-sm-mt--35 {
        margin-top: 35px !important;
    }

    .u-sm-ml--35 {
        margin-left: 35px !important;
    }

    .u-sm-mr--35 {
        margin-right: 35px !important;
    }

    .u-sm-p--35 {
        padding: 35px !important;
    }

    .u-sm-pb--35 {
        padding-bottom: 35px !important;
    }

    .u-sm-pt--35 {
        padding-top: 35px !important;
    }

    .u-sm-pl--35 {
        padding-left: 35px !important;
    }

    .u-sm-pr--35 {
        padding-right: 35px !important;
    }

    .u-sm-m--40 {
        margin: 40px !important;
    }

    .u-sm-mb--40 {
        margin-bottom: 40px !important;
    }

    .u-sm-mt--40 {
        margin-top: 40px !important;
    }

    .u-sm-ml--40 {
        margin-left: 40px !important;
    }

    .u-sm-mr--40 {
        margin-right: 40px !important;
    }

    .u-sm-p--40 {
        padding: 40px !important;
    }

    .u-sm-pb--40 {
        padding-bottom: 40px !important;
    }

    .u-sm-pt--40 {
        padding-top: 40px !important;
    }

    .u-sm-pl--40 {
        padding-left: 40px !important;
    }

    .u-sm-pr--40 {
        padding-right: 40px !important;
    }

    .u-sm-m--45 {
        margin: 45px !important;
    }

    .u-sm-mb--45 {
        margin-bottom: 45px !important;
    }

    .u-sm-mt--45 {
        margin-top: 45px !important;
    }

    .u-sm-ml--45 {
        margin-left: 45px !important;
    }

    .u-sm-mr--45 {
        margin-right: 45px !important;
    }

    .u-sm-p--45 {
        padding: 45px !important;
    }

    .u-sm-pb--45 {
        padding-bottom: 45px !important;
    }

    .u-sm-pt--45 {
        padding-top: 45px !important;
    }

    .u-sm-pl--45 {
        padding-left: 45px !important;
    }

    .u-sm-pr--45 {
        padding-right: 45px !important;
    }

    .u-sm-m--50 {
        margin: 50px !important;
    }

    .u-sm-mb--50 {
        margin-bottom: 50px !important;
    }

    .u-sm-mt--50 {
        margin-top: 50px !important;
    }

    .u-sm-ml--50 {
        margin-left: 50px !important;
    }

    .u-sm-mr--50 {
        margin-right: 50px !important;
    }

    .u-sm-p--50 {
        padding: 50px !important;
    }

    .u-sm-pb--50 {
        padding-bottom: 50px !important;
    }

    .u-sm-pt--50 {
        padding-top: 50px !important;
    }

    .u-sm-pl--50 {
        padding-left: 50px !important;
    }

    .u-sm-pr--50 {
        padding-right: 50px !important;
    }

    .u-sm-m--55 {
        margin: 55px !important;
    }

    .u-sm-mb--55 {
        margin-bottom: 55px !important;
    }

    .u-sm-mt--55 {
        margin-top: 55px !important;
    }

    .u-sm-ml--55 {
        margin-left: 55px !important;
    }

    .u-sm-mr--55 {
        margin-right: 55px !important;
    }

    .u-sm-p--55 {
        padding: 55px !important;
    }

    .u-sm-pb--55 {
        padding-bottom: 55px !important;
    }

    .u-sm-pt--55 {
        padding-top: 55px !important;
    }

    .u-sm-pl--55 {
        padding-left: 55px !important;
    }

    .u-sm-pr--55 {
        padding-right: 55px !important;
    }

    .u-sm-m--60 {
        margin: 60px !important;
    }

    .u-sm-mb--60 {
        margin-bottom: 60px !important;
    }

    .u-sm-mt--60 {
        margin-top: 60px !important;
    }

    .u-sm-ml--60 {
        margin-left: 60px !important;
    }

    .u-sm-mr--60 {
        margin-right: 60px !important;
    }

    .u-sm-p--60 {
        padding: 60px !important;
    }

    .u-sm-pb--60 {
        padding-bottom: 60px !important;
    }

    .u-sm-pt--60 {
        padding-top: 60px !important;
    }

    .u-sm-pl--60 {
        padding-left: 60px !important;
    }

    .u-sm-pr--60 {
        padding-right: 60px !important;
    }

    .u-sm-m--65 {
        margin: 65px !important;
    }

    .u-sm-mb--65 {
        margin-bottom: 65px !important;
    }

    .u-sm-mt--65 {
        margin-top: 65px !important;
    }

    .u-sm-ml--65 {
        margin-left: 65px !important;
    }

    .u-sm-mr--65 {
        margin-right: 65px !important;
    }

    .u-sm-p--65 {
        padding: 65px !important;
    }

    .u-sm-pb--65 {
        padding-bottom: 65px !important;
    }

    .u-sm-pt--65 {
        padding-top: 65px !important;
    }

    .u-sm-pl--65 {
        padding-left: 65px !important;
    }

    .u-sm-pr--65 {
        padding-right: 65px !important;
    }

    .u-sm-m--70 {
        margin: 70px !important;
    }

    .u-sm-mb--70 {
        margin-bottom: 70px !important;
    }

    .u-sm-mt--70 {
        margin-top: 70px !important;
    }

    .u-sm-ml--70 {
        margin-left: 70px !important;
    }

    .u-sm-mr--70 {
        margin-right: 70px !important;
    }

    .u-sm-p--70 {
        padding: 70px !important;
    }

    .u-sm-pb--70 {
        padding-bottom: 70px !important;
    }

    .u-sm-pt--70 {
        padding-top: 70px !important;
    }

    .u-sm-pl--70 {
        padding-left: 70px !important;
    }

    .u-sm-pr--70 {
        padding-right: 70px !important;
    }

    .u-sm-m--75 {
        margin: 75px !important;
    }

    .u-sm-mb--75 {
        margin-bottom: 75px !important;
    }

    .u-sm-mt--75 {
        margin-top: 75px !important;
    }

    .u-sm-ml--75 {
        margin-left: 75px !important;
    }

    .u-sm-mr--75 {
        margin-right: 75px !important;
    }

    .u-sm-p--75 {
        padding: 75px !important;
    }

    .u-sm-pb--75 {
        padding-bottom: 75px !important;
    }

    .u-sm-pt--75 {
        padding-top: 75px !important;
    }

    .u-sm-pl--75 {
        padding-left: 75px !important;
    }

    .u-sm-pr--75 {
        padding-right: 75px !important;
    }

    .u-sm-m--80 {
        margin: 80px !important;
    }

    .u-sm-mb--80 {
        margin-bottom: 80px !important;
    }

    .u-sm-mt--80 {
        margin-top: 80px !important;
    }

    .u-sm-ml--80 {
        margin-left: 80px !important;
    }

    .u-sm-mr--80 {
        margin-right: 80px !important;
    }

    .u-sm-p--80 {
        padding: 80px !important;
    }

    .u-sm-pb--80 {
        padding-bottom: 80px !important;
    }

    .u-sm-pt--80 {
        padding-top: 80px !important;
    }

    .u-sm-pl--80 {
        padding-left: 80px !important;
    }

    .u-sm-pr--80 {
        padding-right: 80px !important;
    }

    .u-sm-m--85 {
        margin: 85px !important;
    }

    .u-sm-mb--85 {
        margin-bottom: 85px !important;
    }

    .u-sm-mt--85 {
        margin-top: 85px !important;
    }

    .u-sm-ml--85 {
        margin-left: 85px !important;
    }

    .u-sm-mr--85 {
        margin-right: 85px !important;
    }

    .u-sm-p--85 {
        padding: 85px !important;
    }

    .u-sm-pb--85 {
        padding-bottom: 85px !important;
    }

    .u-sm-pt--85 {
        padding-top: 85px !important;
    }

    .u-sm-pl--85 {
        padding-left: 85px !important;
    }

    .u-sm-pr--85 {
        padding-right: 85px !important;
    }

    .u-sm-m--90 {
        margin: 90px !important;
    }

    .u-sm-mb--90 {
        margin-bottom: 90px !important;
    }

    .u-sm-mt--90 {
        margin-top: 90px !important;
    }

    .u-sm-ml--90 {
        margin-left: 90px !important;
    }

    .u-sm-mr--90 {
        margin-right: 90px !important;
    }

    .u-sm-p--90 {
        padding: 90px !important;
    }

    .u-sm-pb--90 {
        padding-bottom: 90px !important;
    }

    .u-sm-pt--90 {
        padding-top: 90px !important;
    }

    .u-sm-pl--90 {
        padding-left: 90px !important;
    }

    .u-sm-pr--90 {
        padding-right: 90px !important;
    }

    .u-sm-m--95 {
        margin: 95px !important;
    }

    .u-sm-mb--95 {
        margin-bottom: 95px !important;
    }

    .u-sm-mt--95 {
        margin-top: 95px !important;
    }

    .u-sm-ml--95 {
        margin-left: 95px !important;
    }

    .u-sm-mr--95 {
        margin-right: 95px !important;
    }

    .u-sm-p--95 {
        padding: 95px !important;
    }

    .u-sm-pb--95 {
        padding-bottom: 95px !important;
    }

    .u-sm-pt--95 {
        padding-top: 95px !important;
    }

    .u-sm-pl--95 {
        padding-left: 95px !important;
    }

    .u-sm-pr--95 {
        padding-right: 95px !important;
    }

    .u-sm-m--100 {
        margin: 100px !important;
    }

    .u-sm-mb--100 {
        margin-bottom: 100px !important;
    }

    .u-sm-mt--100 {
        margin-top: 100px !important;
    }

    .u-sm-ml--100 {
        margin-left: 100px !important;
    }

    .u-sm-mr--100 {
        margin-right: 100px !important;
    }

    .u-sm-p--100 {
        padding: 100px !important;
    }

    .u-sm-pb--100 {
        padding-bottom: 100px !important;
    }

    .u-sm-pt--100 {
        padding-top: 100px !important;
    }

    .u-sm-pl--100 {
        padding-left: 100px !important;
    }

    .u-sm-pr--100 {
        padding-right: 100px !important;
    }

    .u-sm-mb--none {
        margin-bottom: 0 !important;
    }

    .u-sm-mt--none {
        margin-top: 0 !important;
    }

    .u-sm-mr--none {
        margin-right: 0 !important;
    }

    .u-sm-ml--none {
        margin-left: 0 !important;
    }

    .u-sm-pb--none {
        padding-bottom: 0 !important;
    }

    .u-sm-pt--none {
        padding-top: 0 !important;
    }

    .u-sm-pl--none {
        padding-left: 0 !important;
    }

    .u-sm-pr--none {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-m--5 {
        margin: 5px !important;
    }

    .u-xs-mb--5 {
        margin-bottom: 5px !important;
    }

    .u-xs-mt--5 {
        margin-top: 5px !important;
    }

    .u-xs-ml--5 {
        margin-left: 5px !important;
    }

    .u-xs-mr--5 {
        margin-right: 5px !important;
    }

    .u-xs-p--5 {
        padding: 5px !important;
    }

    .u-xs-pb--5 {
        padding-bottom: 5px !important;
    }

    .u-xs-pt--5 {
        padding-top: 5px !important;
    }

    .u-xs-pl--5 {
        padding-left: 5px !important;
    }

    .u-xs-pr--5 {
        padding-right: 5px !important;
    }

    .u-xs-m--10 {
        margin: 10px !important;
    }

    .u-xs-mb--10 {
        margin-bottom: 10px !important;
    }

    .u-xs-mt--10 {
        margin-top: 10px !important;
    }

    .u-xs-ml--10 {
        margin-left: 10px !important;
    }

    .u-xs-mr--10 {
        margin-right: 10px !important;
    }

    .u-xs-p--10 {
        padding: 10px !important;
    }

    .u-xs-pb--10 {
        padding-bottom: 10px !important;
    }

    .u-xs-pt--10 {
        padding-top: 10px !important;
    }

    .u-xs-pl--10 {
        padding-left: 10px !important;
    }

    .u-xs-pr--10 {
        padding-right: 10px !important;
    }

    .u-xs-m--15 {
        margin: 15px !important;
    }

    .u-xs-mb--15 {
        margin-bottom: 15px !important;
    }

    .u-xs-mt--15 {
        margin-top: 15px !important;
    }

    .u-xs-ml--15 {
        margin-left: 15px !important;
    }

    .u-xs-mr--15 {
        margin-right: 15px !important;
    }

    .u-xs-p--15 {
        padding: 15px !important;
    }

    .u-xs-pb--15 {
        padding-bottom: 15px !important;
    }

    .u-xs-pt--15 {
        padding-top: 15px !important;
    }

    .u-xs-pl--15 {
        padding-left: 15px !important;
    }

    .u-xs-pr--15 {
        padding-right: 15px !important;
    }

    .u-xs-m--20 {
        margin: 20px !important;
    }

    .u-xs-mb--20 {
        margin-bottom: 20px !important;
    }

    .u-xs-mt--20 {
        margin-top: 20px !important;
    }

    .u-xs-ml--20 {
        margin-left: 20px !important;
    }

    .u-xs-mr--20 {
        margin-right: 20px !important;
    }

    .u-xs-p--20 {
        padding: 20px !important;
    }

    .u-xs-pb--20 {
        padding-bottom: 20px !important;
    }

    .u-xs-pt--20 {
        padding-top: 20px !important;
    }

    .u-xs-pl--20 {
        padding-left: 20px !important;
    }

    .u-xs-pr--20 {
        padding-right: 20px !important;
    }

    .u-xs-m--25 {
        margin: 25px !important;
    }

    .u-xs-mb--25 {
        margin-bottom: 25px !important;
    }

    .u-xs-mt--25 {
        margin-top: 25px !important;
    }

    .u-xs-ml--25 {
        margin-left: 25px !important;
    }

    .u-xs-mr--25 {
        margin-right: 25px !important;
    }

    .u-xs-p--25 {
        padding: 25px !important;
    }

    .u-xs-pb--25 {
        padding-bottom: 25px !important;
    }

    .u-xs-pt--25 {
        padding-top: 25px !important;
    }

    .u-xs-pl--25 {
        padding-left: 25px !important;
    }

    .u-xs-pr--25 {
        padding-right: 25px !important;
    }

    .u-xs-m--30 {
        margin: 30px !important;
    }

    .u-xs-mb--30 {
        margin-bottom: 30px !important;
    }

    .u-xs-mt--30 {
        margin-top: 30px !important;
    }

    .u-xs-ml--30 {
        margin-left: 30px !important;
    }

    .u-xs-mr--30 {
        margin-right: 30px !important;
    }

    .u-xs-p--30 {
        padding: 30px !important;
    }

    .u-xs-pb--30 {
        padding-bottom: 30px !important;
    }

    .u-xs-pt--30 {
        padding-top: 30px !important;
    }

    .u-xs-pl--30 {
        padding-left: 30px !important;
    }

    .u-xs-pr--30 {
        padding-right: 30px !important;
    }

    .u-xs-m--35 {
        margin: 35px !important;
    }

    .u-xs-mb--35 {
        margin-bottom: 35px !important;
    }

    .u-xs-mt--35 {
        margin-top: 35px !important;
    }

    .u-xs-ml--35 {
        margin-left: 35px !important;
    }

    .u-xs-mr--35 {
        margin-right: 35px !important;
    }

    .u-xs-p--35 {
        padding: 35px !important;
    }

    .u-xs-pb--35 {
        padding-bottom: 35px !important;
    }

    .u-xs-pt--35 {
        padding-top: 35px !important;
    }

    .u-xs-pl--35 {
        padding-left: 35px !important;
    }

    .u-xs-pr--35 {
        padding-right: 35px !important;
    }

    .u-xs-m--40 {
        margin: 40px !important;
    }

    .u-xs-mb--40 {
        margin-bottom: 40px !important;
    }

    .u-xs-mt--40 {
        margin-top: 40px !important;
    }

    .u-xs-ml--40 {
        margin-left: 40px !important;
    }

    .u-xs-mr--40 {
        margin-right: 40px !important;
    }

    .u-xs-p--40 {
        padding: 40px !important;
    }

    .u-xs-pb--40 {
        padding-bottom: 40px !important;
    }

    .u-xs-pt--40 {
        padding-top: 40px !important;
    }

    .u-xs-pl--40 {
        padding-left: 40px !important;
    }

    .u-xs-pr--40 {
        padding-right: 40px !important;
    }

    .u-xs-m--45 {
        margin: 45px !important;
    }

    .u-xs-mb--45 {
        margin-bottom: 45px !important;
    }

    .u-xs-mt--45 {
        margin-top: 45px !important;
    }

    .u-xs-ml--45 {
        margin-left: 45px !important;
    }

    .u-xs-mr--45 {
        margin-right: 45px !important;
    }

    .u-xs-p--45 {
        padding: 45px !important;
    }

    .u-xs-pb--45 {
        padding-bottom: 45px !important;
    }

    .u-xs-pt--45 {
        padding-top: 45px !important;
    }

    .u-xs-pl--45 {
        padding-left: 45px !important;
    }

    .u-xs-pr--45 {
        padding-right: 45px !important;
    }

    .u-xs-m--50 {
        margin: 50px !important;
    }

    .u-xs-mb--50 {
        margin-bottom: 50px !important;
    }

    .u-xs-mt--50 {
        margin-top: 50px !important;
    }

    .u-xs-ml--50 {
        margin-left: 50px !important;
    }

    .u-xs-mr--50 {
        margin-right: 50px !important;
    }

    .u-xs-p--50 {
        padding: 50px !important;
    }

    .u-xs-pb--50 {
        padding-bottom: 50px !important;
    }

    .u-xs-pt--50 {
        padding-top: 50px !important;
    }

    .u-xs-pl--50 {
        padding-left: 50px !important;
    }

    .u-xs-pr--50 {
        padding-right: 50px !important;
    }

    .u-xs-m--55 {
        margin: 55px !important;
    }

    .u-xs-mb--55 {
        margin-bottom: 55px !important;
    }

    .u-xs-mt--55 {
        margin-top: 55px !important;
    }

    .u-xs-ml--55 {
        margin-left: 55px !important;
    }

    .u-xs-mr--55 {
        margin-right: 55px !important;
    }

    .u-xs-p--55 {
        padding: 55px !important;
    }

    .u-xs-pb--55 {
        padding-bottom: 55px !important;
    }

    .u-xs-pt--55 {
        padding-top: 55px !important;
    }

    .u-xs-pl--55 {
        padding-left: 55px !important;
    }

    .u-xs-pr--55 {
        padding-right: 55px !important;
    }

    .u-xs-m--60 {
        margin: 60px !important;
    }

    .u-xs-mb--60 {
        margin-bottom: 60px !important;
    }

    .u-xs-mt--60 {
        margin-top: 60px !important;
    }

    .u-xs-ml--60 {
        margin-left: 60px !important;
    }

    .u-xs-mr--60 {
        margin-right: 60px !important;
    }

    .u-xs-p--60 {
        padding: 60px !important;
    }

    .u-xs-pb--60 {
        padding-bottom: 60px !important;
    }

    .u-xs-pt--60 {
        padding-top: 60px !important;
    }

    .u-xs-pl--60 {
        padding-left: 60px !important;
    }

    .u-xs-pr--60 {
        padding-right: 60px !important;
    }

    .u-xs-m--65 {
        margin: 65px !important;
    }

    .u-xs-mb--65 {
        margin-bottom: 65px !important;
    }

    .u-xs-mt--65 {
        margin-top: 65px !important;
    }

    .u-xs-ml--65 {
        margin-left: 65px !important;
    }

    .u-xs-mr--65 {
        margin-right: 65px !important;
    }

    .u-xs-p--65 {
        padding: 65px !important;
    }

    .u-xs-pb--65 {
        padding-bottom: 65px !important;
    }

    .u-xs-pt--65 {
        padding-top: 65px !important;
    }

    .u-xs-pl--65 {
        padding-left: 65px !important;
    }

    .u-xs-pr--65 {
        padding-right: 65px !important;
    }

    .u-xs-m--70 {
        margin: 70px !important;
    }

    .u-xs-mb--70 {
        margin-bottom: 70px !important;
    }

    .u-xs-mt--70 {
        margin-top: 70px !important;
    }

    .u-xs-ml--70 {
        margin-left: 70px !important;
    }

    .u-xs-mr--70 {
        margin-right: 70px !important;
    }

    .u-xs-p--70 {
        padding: 70px !important;
    }

    .u-xs-pb--70 {
        padding-bottom: 70px !important;
    }

    .u-xs-pt--70 {
        padding-top: 70px !important;
    }

    .u-xs-pl--70 {
        padding-left: 70px !important;
    }

    .u-xs-pr--70 {
        padding-right: 70px !important;
    }

    .u-xs-m--75 {
        margin: 75px !important;
    }

    .u-xs-mb--75 {
        margin-bottom: 75px !important;
    }

    .u-xs-mt--75 {
        margin-top: 75px !important;
    }

    .u-xs-ml--75 {
        margin-left: 75px !important;
    }

    .u-xs-mr--75 {
        margin-right: 75px !important;
    }

    .u-xs-p--75 {
        padding: 75px !important;
    }

    .u-xs-pb--75 {
        padding-bottom: 75px !important;
    }

    .u-xs-pt--75 {
        padding-top: 75px !important;
    }

    .u-xs-pl--75 {
        padding-left: 75px !important;
    }

    .u-xs-pr--75 {
        padding-right: 75px !important;
    }

    .u-xs-m--80 {
        margin: 80px !important;
    }

    .u-xs-mb--80 {
        margin-bottom: 80px !important;
    }

    .u-xs-mt--80 {
        margin-top: 80px !important;
    }

    .u-xs-ml--80 {
        margin-left: 80px !important;
    }

    .u-xs-mr--80 {
        margin-right: 80px !important;
    }

    .u-xs-p--80 {
        padding: 80px !important;
    }

    .u-xs-pb--80 {
        padding-bottom: 80px !important;
    }

    .u-xs-pt--80 {
        padding-top: 80px !important;
    }

    .u-xs-pl--80 {
        padding-left: 80px !important;
    }

    .u-xs-pr--80 {
        padding-right: 80px !important;
    }

    .u-xs-m--85 {
        margin: 85px !important;
    }

    .u-xs-mb--85 {
        margin-bottom: 85px !important;
    }

    .u-xs-mt--85 {
        margin-top: 85px !important;
    }

    .u-xs-ml--85 {
        margin-left: 85px !important;
    }

    .u-xs-mr--85 {
        margin-right: 85px !important;
    }

    .u-xs-p--85 {
        padding: 85px !important;
    }

    .u-xs-pb--85 {
        padding-bottom: 85px !important;
    }

    .u-xs-pt--85 {
        padding-top: 85px !important;
    }

    .u-xs-pl--85 {
        padding-left: 85px !important;
    }

    .u-xs-pr--85 {
        padding-right: 85px !important;
    }

    .u-xs-m--90 {
        margin: 90px !important;
    }

    .u-xs-mb--90 {
        margin-bottom: 90px !important;
    }

    .u-xs-mt--90 {
        margin-top: 90px !important;
    }

    .u-xs-ml--90 {
        margin-left: 90px !important;
    }

    .u-xs-mr--90 {
        margin-right: 90px !important;
    }

    .u-xs-p--90 {
        padding: 90px !important;
    }

    .u-xs-pb--90 {
        padding-bottom: 90px !important;
    }

    .u-xs-pt--90 {
        padding-top: 90px !important;
    }

    .u-xs-pl--90 {
        padding-left: 90px !important;
    }

    .u-xs-pr--90 {
        padding-right: 90px !important;
    }

    .u-xs-m--95 {
        margin: 95px !important;
    }

    .u-xs-mb--95 {
        margin-bottom: 95px !important;
    }

    .u-xs-mt--95 {
        margin-top: 95px !important;
    }

    .u-xs-ml--95 {
        margin-left: 95px !important;
    }

    .u-xs-mr--95 {
        margin-right: 95px !important;
    }

    .u-xs-p--95 {
        padding: 95px !important;
    }

    .u-xs-pb--95 {
        padding-bottom: 95px !important;
    }

    .u-xs-pt--95 {
        padding-top: 95px !important;
    }

    .u-xs-pl--95 {
        padding-left: 95px !important;
    }

    .u-xs-pr--95 {
        padding-right: 95px !important;
    }

    .u-xs-m--100 {
        margin: 100px !important;
    }

    .u-xs-mb--100 {
        margin-bottom: 100px !important;
    }

    .u-xs-mt--100 {
        margin-top: 100px !important;
    }

    .u-xs-ml--100 {
        margin-left: 100px !important;
    }

    .u-xs-mr--100 {
        margin-right: 100px !important;
    }

    .u-xs-p--100 {
        padding: 100px !important;
    }

    .u-xs-pb--100 {
        padding-bottom: 100px !important;
    }

    .u-xs-pt--100 {
        padding-top: 100px !important;
    }

    .u-xs-pl--100 {
        padding-left: 100px !important;
    }

    .u-xs-pr--100 {
        padding-right: 100px !important;
    }

    .u-xs-mb--none {
        margin-bottom: 0 !important;
    }

    .u-xs-mt--none {
        margin-top: 0 !important;
    }

    .u-xs-mr--none {
        margin-right: 0 !important;
    }

    .u-xs-ml--none {
        margin-left: 0 !important;
    }

    .u-xs-pb--none {
        padding-bottom: 0 !important;
    }

    .u-xs-pt--none {
        padding-top: 0 !important;
    }

    .u-xs-pl--none {
        padding-left: 0 !important;
    }

    .u-xs-pr--none {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 441px) {
    .u-xxs-m--5 {
        margin: 5px !important;
    }

    .u-xxs-mb--5 {
        margin-bottom: 5px !important;
    }

    .u-xxs-mt--5 {
        margin-top: 5px !important;
    }

    .u-xxs-ml--5 {
        margin-left: 5px !important;
    }

    .u-xxs-mr--5 {
        margin-right: 5px !important;
    }

    .u-xxs-p--5 {
        padding: 5px !important;
    }

    .u-xxs-pb--5 {
        padding-bottom: 5px !important;
    }

    .u-xxs-pt--5 {
        padding-top: 5px !important;
    }

    .u-xxs-pl--5 {
        padding-left: 5px !important;
    }

    .u-xxs-pr--5 {
        padding-right: 5px !important;
    }

    .u-xxs-m--10 {
        margin: 10px !important;
    }

    .u-xxs-mb--10 {
        margin-bottom: 10px !important;
    }

    .u-xxs-mt--10 {
        margin-top: 10px !important;
    }

    .u-xxs-ml--10 {
        margin-left: 10px !important;
    }

    .u-xxs-mr--10 {
        margin-right: 10px !important;
    }

    .u-xxs-p--10 {
        padding: 10px !important;
    }

    .u-xxs-pb--10 {
        padding-bottom: 10px !important;
    }

    .u-xxs-pt--10 {
        padding-top: 10px !important;
    }

    .u-xxs-pl--10 {
        padding-left: 10px !important;
    }

    .u-xxs-pr--10 {
        padding-right: 10px !important;
    }

    .u-xxs-m--15 {
        margin: 15px !important;
    }

    .u-xxs-mb--15 {
        margin-bottom: 15px !important;
    }

    .u-xxs-mt--15 {
        margin-top: 15px !important;
    }

    .u-xxs-ml--15 {
        margin-left: 15px !important;
    }

    .u-xxs-mr--15 {
        margin-right: 15px !important;
    }

    .u-xxs-p--15 {
        padding: 15px !important;
    }

    .u-xxs-pb--15 {
        padding-bottom: 15px !important;
    }

    .u-xxs-pt--15 {
        padding-top: 15px !important;
    }

    .u-xxs-pl--15 {
        padding-left: 15px !important;
    }

    .u-xxs-pr--15 {
        padding-right: 15px !important;
    }

    .u-xxs-m--20 {
        margin: 20px !important;
    }

    .u-xxs-mb--20 {
        margin-bottom: 20px !important;
    }

    .u-xxs-mt--20 {
        margin-top: 20px !important;
    }

    .u-xxs-ml--20 {
        margin-left: 20px !important;
    }

    .u-xxs-mr--20 {
        margin-right: 20px !important;
    }

    .u-xxs-p--20 {
        padding: 20px !important;
    }

    .u-xxs-pb--20 {
        padding-bottom: 20px !important;
    }

    .u-xxs-pt--20 {
        padding-top: 20px !important;
    }

    .u-xxs-pl--20 {
        padding-left: 20px !important;
    }

    .u-xxs-pr--20 {
        padding-right: 20px !important;
    }

    .u-xxs-m--25 {
        margin: 25px !important;
    }

    .u-xxs-mb--25 {
        margin-bottom: 25px !important;
    }

    .u-xxs-mt--25 {
        margin-top: 25px !important;
    }

    .u-xxs-ml--25 {
        margin-left: 25px !important;
    }

    .u-xxs-mr--25 {
        margin-right: 25px !important;
    }

    .u-xxs-p--25 {
        padding: 25px !important;
    }

    .u-xxs-pb--25 {
        padding-bottom: 25px !important;
    }

    .u-xxs-pt--25 {
        padding-top: 25px !important;
    }

    .u-xxs-pl--25 {
        padding-left: 25px !important;
    }

    .u-xxs-pr--25 {
        padding-right: 25px !important;
    }

    .u-xxs-m--30 {
        margin: 30px !important;
    }

    .u-xxs-mb--30 {
        margin-bottom: 30px !important;
    }

    .u-xxs-mt--30 {
        margin-top: 30px !important;
    }

    .u-xxs-ml--30 {
        margin-left: 30px !important;
    }

    .u-xxs-mr--30 {
        margin-right: 30px !important;
    }

    .u-xxs-p--30 {
        padding: 30px !important;
    }

    .u-xxs-pb--30 {
        padding-bottom: 30px !important;
    }

    .u-xxs-pt--30 {
        padding-top: 30px !important;
    }

    .u-xxs-pl--30 {
        padding-left: 30px !important;
    }

    .u-xxs-pr--30 {
        padding-right: 30px !important;
    }

    .u-xxs-m--35 {
        margin: 35px !important;
    }

    .u-xxs-mb--35 {
        margin-bottom: 35px !important;
    }

    .u-xxs-mt--35 {
        margin-top: 35px !important;
    }

    .u-xxs-ml--35 {
        margin-left: 35px !important;
    }

    .u-xxs-mr--35 {
        margin-right: 35px !important;
    }

    .u-xxs-p--35 {
        padding: 35px !important;
    }

    .u-xxs-pb--35 {
        padding-bottom: 35px !important;
    }

    .u-xxs-pt--35 {
        padding-top: 35px !important;
    }

    .u-xxs-pl--35 {
        padding-left: 35px !important;
    }

    .u-xxs-pr--35 {
        padding-right: 35px !important;
    }

    .u-xxs-m--40 {
        margin: 40px !important;
    }

    .u-xxs-mb--40 {
        margin-bottom: 40px !important;
    }

    .u-xxs-mt--40 {
        margin-top: 40px !important;
    }

    .u-xxs-ml--40 {
        margin-left: 40px !important;
    }

    .u-xxs-mr--40 {
        margin-right: 40px !important;
    }

    .u-xxs-p--40 {
        padding: 40px !important;
    }

    .u-xxs-pb--40 {
        padding-bottom: 40px !important;
    }

    .u-xxs-pt--40 {
        padding-top: 40px !important;
    }

    .u-xxs-pl--40 {
        padding-left: 40px !important;
    }

    .u-xxs-pr--40 {
        padding-right: 40px !important;
    }

    .u-xxs-m--45 {
        margin: 45px !important;
    }

    .u-xxs-mb--45 {
        margin-bottom: 45px !important;
    }

    .u-xxs-mt--45 {
        margin-top: 45px !important;
    }

    .u-xxs-ml--45 {
        margin-left: 45px !important;
    }

    .u-xxs-mr--45 {
        margin-right: 45px !important;
    }

    .u-xxs-p--45 {
        padding: 45px !important;
    }

    .u-xxs-pb--45 {
        padding-bottom: 45px !important;
    }

    .u-xxs-pt--45 {
        padding-top: 45px !important;
    }

    .u-xxs-pl--45 {
        padding-left: 45px !important;
    }

    .u-xxs-pr--45 {
        padding-right: 45px !important;
    }

    .u-xxs-m--50 {
        margin: 50px !important;
    }

    .u-xxs-mb--50 {
        margin-bottom: 50px !important;
    }

    .u-xxs-mt--50 {
        margin-top: 50px !important;
    }

    .u-xxs-ml--50 {
        margin-left: 50px !important;
    }

    .u-xxs-mr--50 {
        margin-right: 50px !important;
    }

    .u-xxs-p--50 {
        padding: 50px !important;
    }

    .u-xxs-pb--50 {
        padding-bottom: 50px !important;
    }

    .u-xxs-pt--50 {
        padding-top: 50px !important;
    }

    .u-xxs-pl--50 {
        padding-left: 50px !important;
    }

    .u-xxs-pr--50 {
        padding-right: 50px !important;
    }

    .u-xxs-m--55 {
        margin: 55px !important;
    }

    .u-xxs-mb--55 {
        margin-bottom: 55px !important;
    }

    .u-xxs-mt--55 {
        margin-top: 55px !important;
    }

    .u-xxs-ml--55 {
        margin-left: 55px !important;
    }

    .u-xxs-mr--55 {
        margin-right: 55px !important;
    }

    .u-xxs-p--55 {
        padding: 55px !important;
    }

    .u-xxs-pb--55 {
        padding-bottom: 55px !important;
    }

    .u-xxs-pt--55 {
        padding-top: 55px !important;
    }

    .u-xxs-pl--55 {
        padding-left: 55px !important;
    }

    .u-xxs-pr--55 {
        padding-right: 55px !important;
    }

    .u-xxs-m--60 {
        margin: 60px !important;
    }

    .u-xxs-mb--60 {
        margin-bottom: 60px !important;
    }

    .u-xxs-mt--60 {
        margin-top: 60px !important;
    }

    .u-xxs-ml--60 {
        margin-left: 60px !important;
    }

    .u-xxs-mr--60 {
        margin-right: 60px !important;
    }

    .u-xxs-p--60 {
        padding: 60px !important;
    }

    .u-xxs-pb--60 {
        padding-bottom: 60px !important;
    }

    .u-xxs-pt--60 {
        padding-top: 60px !important;
    }

    .u-xxs-pl--60 {
        padding-left: 60px !important;
    }

    .u-xxs-pr--60 {
        padding-right: 60px !important;
    }

    .u-xxs-m--65 {
        margin: 65px !important;
    }

    .u-xxs-mb--65 {
        margin-bottom: 65px !important;
    }

    .u-xxs-mt--65 {
        margin-top: 65px !important;
    }

    .u-xxs-ml--65 {
        margin-left: 65px !important;
    }

    .u-xxs-mr--65 {
        margin-right: 65px !important;
    }

    .u-xxs-p--65 {
        padding: 65px !important;
    }

    .u-xxs-pb--65 {
        padding-bottom: 65px !important;
    }

    .u-xxs-pt--65 {
        padding-top: 65px !important;
    }

    .u-xxs-pl--65 {
        padding-left: 65px !important;
    }

    .u-xxs-pr--65 {
        padding-right: 65px !important;
    }

    .u-xxs-m--70 {
        margin: 70px !important;
    }

    .u-xxs-mb--70 {
        margin-bottom: 70px !important;
    }

    .u-xxs-mt--70 {
        margin-top: 70px !important;
    }

    .u-xxs-ml--70 {
        margin-left: 70px !important;
    }

    .u-xxs-mr--70 {
        margin-right: 70px !important;
    }

    .u-xxs-p--70 {
        padding: 70px !important;
    }

    .u-xxs-pb--70 {
        padding-bottom: 70px !important;
    }

    .u-xxs-pt--70 {
        padding-top: 70px !important;
    }

    .u-xxs-pl--70 {
        padding-left: 70px !important;
    }

    .u-xxs-pr--70 {
        padding-right: 70px !important;
    }

    .u-xxs-m--75 {
        margin: 75px !important;
    }

    .u-xxs-mb--75 {
        margin-bottom: 75px !important;
    }

    .u-xxs-mt--75 {
        margin-top: 75px !important;
    }

    .u-xxs-ml--75 {
        margin-left: 75px !important;
    }

    .u-xxs-mr--75 {
        margin-right: 75px !important;
    }

    .u-xxs-p--75 {
        padding: 75px !important;
    }

    .u-xxs-pb--75 {
        padding-bottom: 75px !important;
    }

    .u-xxs-pt--75 {
        padding-top: 75px !important;
    }

    .u-xxs-pl--75 {
        padding-left: 75px !important;
    }

    .u-xxs-pr--75 {
        padding-right: 75px !important;
    }

    .u-xxs-m--80 {
        margin: 80px !important;
    }

    .u-xxs-mb--80 {
        margin-bottom: 80px !important;
    }

    .u-xxs-mt--80 {
        margin-top: 80px !important;
    }

    .u-xxs-ml--80 {
        margin-left: 80px !important;
    }

    .u-xxs-mr--80 {
        margin-right: 80px !important;
    }

    .u-xxs-p--80 {
        padding: 80px !important;
    }

    .u-xxs-pb--80 {
        padding-bottom: 80px !important;
    }

    .u-xxs-pt--80 {
        padding-top: 80px !important;
    }

    .u-xxs-pl--80 {
        padding-left: 80px !important;
    }

    .u-xxs-pr--80 {
        padding-right: 80px !important;
    }

    .u-xxs-m--85 {
        margin: 85px !important;
    }

    .u-xxs-mb--85 {
        margin-bottom: 85px !important;
    }

    .u-xxs-mt--85 {
        margin-top: 85px !important;
    }

    .u-xxs-ml--85 {
        margin-left: 85px !important;
    }

    .u-xxs-mr--85 {
        margin-right: 85px !important;
    }

    .u-xxs-p--85 {
        padding: 85px !important;
    }

    .u-xxs-pb--85 {
        padding-bottom: 85px !important;
    }

    .u-xxs-pt--85 {
        padding-top: 85px !important;
    }

    .u-xxs-pl--85 {
        padding-left: 85px !important;
    }

    .u-xxs-pr--85 {
        padding-right: 85px !important;
    }

    .u-xxs-m--90 {
        margin: 90px !important;
    }

    .u-xxs-mb--90 {
        margin-bottom: 90px !important;
    }

    .u-xxs-mt--90 {
        margin-top: 90px !important;
    }

    .u-xxs-ml--90 {
        margin-left: 90px !important;
    }

    .u-xxs-mr--90 {
        margin-right: 90px !important;
    }

    .u-xxs-p--90 {
        padding: 90px !important;
    }

    .u-xxs-pb--90 {
        padding-bottom: 90px !important;
    }

    .u-xxs-pt--90 {
        padding-top: 90px !important;
    }

    .u-xxs-pl--90 {
        padding-left: 90px !important;
    }

    .u-xxs-pr--90 {
        padding-right: 90px !important;
    }

    .u-xxs-m--95 {
        margin: 95px !important;
    }

    .u-xxs-mb--95 {
        margin-bottom: 95px !important;
    }

    .u-xxs-mt--95 {
        margin-top: 95px !important;
    }

    .u-xxs-ml--95 {
        margin-left: 95px !important;
    }

    .u-xxs-mr--95 {
        margin-right: 95px !important;
    }

    .u-xxs-p--95 {
        padding: 95px !important;
    }

    .u-xxs-pb--95 {
        padding-bottom: 95px !important;
    }

    .u-xxs-pt--95 {
        padding-top: 95px !important;
    }

    .u-xxs-pl--95 {
        padding-left: 95px !important;
    }

    .u-xxs-pr--95 {
        padding-right: 95px !important;
    }

    .u-xxs-m--100 {
        margin: 100px !important;
    }

    .u-xxs-mb--100 {
        margin-bottom: 100px !important;
    }

    .u-xxs-mt--100 {
        margin-top: 100px !important;
    }

    .u-xxs-ml--100 {
        margin-left: 100px !important;
    }

    .u-xxs-mr--100 {
        margin-right: 100px !important;
    }

    .u-xxs-p--100 {
        padding: 100px !important;
    }

    .u-xxs-pb--100 {
        padding-bottom: 100px !important;
    }

    .u-xxs-pt--100 {
        padding-top: 100px !important;
    }

    .u-xxs-pl--100 {
        padding-left: 100px !important;
    }

    .u-xxs-pr--100 {
        padding-right: 100px !important;
    }

    .u-xxs-mb--none {
        margin-bottom: 0 !important;
    }

    .u-xxs-mt--none {
        margin-top: 0 !important;
    }

    .u-xxs-mr--none {
        margin-right: 0 !important;
    }

    .u-xxs-ml--none {
        margin-left: 0 !important;
    }

    .u-xxs-pb--none {
        padding-bottom: 0 !important;
    }

    .u-xxs-pt--none {
        padding-top: 0 !important;
    }

    .u-xxs-pl--none {
        padding-left: 0 !important;
    }

    .u-xxs-pr--none {
        padding-right: 0 !important;
    }
}

.blind { position: absolute; top: -100721px; width: 1px; height:1px; overflow:hidden; }

.d-none {
    display: none !important;
}

.position-relative {
    position: relative;
}

.Heading--ConnFormResultsSubheading {
    text-align: center;
    margin-top: -10px;
}

.hide-previous .Button--previous,
.hide-next .Button--next {
    display: none;
}

.ConnList {
    position: relative;
}
.ConnList__date {
    position: absolute;
    right: 0;
    top: -42px;
}
.ConnList__date--bottom {
    bottom: -47px;
    top: initial;
}

html[lang="en"] .Route-item--from .Control input[type="text"] {
    padding-left: 68px;
}
html[lang="de"] .Route-item--from .Control input[type="text"] {
    padding-left: 58px;
}
html[lang="en"] .Route-item--to .Control input[type="text"] {
    padding-left: 52px;
}
html[lang="de"] .Route-item--to .Control input[type="text"] {
    padding-left: 66px;
}

html[lang="en"] .Route-item--over .Control input[type="text"],
html[lang="de"] .Route-item--over .Control input[type="text"] {
    padding-left: 50px;
}

.Route-item--over {
    /* kvuli IE11 */
    flex-basis: auto;
}
.Route-item--from,
.Route-item--to {
    /* kvuli chybove hlasce */
    flex-wrap: wrap;
}


.Icon-map-link {
    position: absolute;
    left: auto;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    line-height: 1;
}
    .Icon-map-link .Icon {
        fill: #5f5752;
        width: 16px;
        height: 16px;
    }

.Icon-whiteFill {
    fill: currentColor !important;
}
i.IconCh {
    vertical-align: middle;
    font-size: 1rem;
    min-height: 0;
}

.Route-item .Control input, .Route-item .Control textarea, .Route-item .Control-input, .Route-item .Button, .Route-item .cc_btn {
    line-height: 19px;
}

.Route-item--switchTrigger {
    border: none;
}

.Checkbox label {
    display: none;
}

@media (min-width: 768px) and (max-width: 999px) {
    .Box-relative .checkboxHidden {
        bottom: -100px;
    }
}

@media (min-width: 1000px) {
    .Box-relative .checkboxHidden {
        bottom: -50px;
    }
}

.Button-alphabetic .Button-alphabetic--letter.is-active {
    background-color: #ffffff;
    color: #000000;
}

.img-container-middle img,
.LineTrack-stopInfo img {
    vertical-align: -3px;
}

.button-link {
    -webkit-appearance: none;
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
}


@media print {
    .noprint {
        display: none !important;
    }
}

.Button--iconl .Icon {
    position: relative;
    top: -2px;
}

.Button--iconl.u-icon--rotate180 .Icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.errres-message {
    font-size: 1.3em;
    line-height: 26px;
}
.errres-message ul {
    font-size: .87rem;
    margin-top: 15px;
    position: relative;
    margin-bottom: 15px;
    padding-top: 8px;
    line-height: 1.25em;
    letter-spacing: 0.01em;
}
.errres-message li {
    position: relative;
    line-height: 1.3;
    padding-bottom: 7px;
    padding-left: 15px;
}
.errres-message li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 1px;
    bottom: -10px;
    background-color: #d42724;
}
.errres-message li:last-child:before {
    display: none;
}
.errres-message li:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 11px;
    height: 11px;
    background-color: #d42724;
    border: 2px solid #e9e5dc;
    border-radius: 50%;
}

.LineTrack-stopMinute {
    text-align: center;
}

.Box-lineTrack {
    font-size: inherit;
}

.Box-lineTrack li .LineTrack-stopDescription .LineTrack-stopInfo {
    text-decoration: none;
}

.ui-timepicker-header {
    font-size: 1rem;
}

.Box-lineTrack.List--colorNight li:before {
    width: 3px;
    background-color: #180B5C;
}

.Box-lineTrack.List--colorNight li:after {
    height: 13px;
    width: 13px;
    top: 3px;
    background-color: #180B5C;
}

.Box-lineTrack.List--colorRed li:before {
    width: 3px;
    background-color: #d42724;
}

.Box-lineTrack.List--colorRed li:after {
    height: 13px;
    width: 13px;
    top: 3px;
    background-color: #d42724;
}

.Box-lineTrack.List--colorDarkBlue li:before {
    width: 3px;
    background-color: #1C6078;
}
.Box-lineTrack.List--colorDarkBlue li:after {
    height: 13px;
    width: 13px;
    top: 3px;
    background-color: #1C6078;
}

.Box-lineTrack.List--colorDarkRed li:before {
    width: 3px;
    background-color: #8b0511;
}

.Box-lineTrack.List--colorDarkRed li:after {
    height: 13px;
    width: 13px;
    top: 3px;
    background-color: #8b0511;
}

.Box-lineTrack.List--colorDarkGreen li:before {
    width: 3px;
    background-color: #4EB370;
}

.Box-lineTrack.List--colorDarkGreen li:after {
    height: 13px;
    width: 13px;
    top: 3px;
    background-color: #4EB370;
}
