.test {
    box-shadow: 0 0 0 1px #f00 inset
}

@font-face {
    font-family: 'dayspedia-icons.v31';
    font-display: block;
    font-weight: normal;
    font-style: normal;
    src: url(/fonts/dayspedia-icons.v31.woff2) format('woff2'), url(/fonts/dayspedia-icons.v31.woff) format('woff'), url(/fonts/dayspedia-icons.v31.ttf) format('truetype'), url(/fonts/dayspedia-icons.v31.svg#dayspedia-iconsv31) format('svg')
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: local(Montserrat);
    src: url(/fonts/montserrat-bold.ttf) format('truetype')
}

*,
*::before,
*::after {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background-color: #f3f3f3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

@media screen and (hover:none) and (pointer:coarse) {
    html {
        -webkit-tap-highlight-color: rgba(0,0,0,0.05);
        background-color: #eee
    }
}

body {
    color: #343434;
    font-family: Helvetica,Trebuchet,sans-serif;
    line-height: 1.4;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    color: #007dbf;
    text-decoration: none;
    background-color: transparent;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

    a:hover {
        text-decoration: none
    }

    a:hover,
    a:focus,
    a:active {
        color: #343434;
        outline: 0
    }

figure {
    margin: 0
}

img,
picture {
    border: 0;
    vertical-align: top;
    height: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

p {
    margin: 0 0 calc(21px - .24rem)
}

b,
strong {
    font-family: system-ui,sans-serif;
    font-family: Montserrat,sans-serif;
    font-weight: 900
}

small,
.small,
.calendar-date figcaption {
    font-size: .84em
}

hr {
    height: 0;
    margin: 28px 0 calc(28px - .24rem);
    border-top: dotted #f3f3f3;
    border-width: 7px 0 0
}

@media screen and (min-width:784px) {
    hr {
        margin-bottom: 28px
    }
}

kbd {
    display: inline-block;
    padding: 0 7px;
    height: 24px;
    line-height: 24px;
    min-width: 24px;
    text-align: center;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px #c6c6c6 inset;
    box-shadow: 0 0 0 1px #c6c6c6 inset;
    background: #f3f3f3
}

.kbd {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0
}

    .kbd dt,
    .kbd dd,
    .kbd li {
        margin: 0 0 7px 0
    }

table:not(.month__grid ) {
    border-collapse: collapse;
    border-spacing: 0;
    border: none
}

    table:not(.month__grid ) th,
    .week-table li:first-child span {
        text-align: left;
        font-weight: normal;
        font-size: .84em
    }

    table:not(.month__grid ) tr:nth-of-type(even ),
    .week-table li:nth-of-type(even ) {
        background: rgba(153,153,153,0.125)
    }

    table:not(.month__grid ) tr:not(:first-child):hover td,
    .week-table li:not(:first-child):hover td {
        background: rgba(0,125,191,0.16);
        -webkit-transition: background .35s;
        -moz-transition: background .35s;
        -o-transition: background .35s;
        transition: background .35s
    }

    table:not(.month__grid ) td {
        text-align: left
    }

.clearfix::before,
.list-places--multizone::before,
.birthdays__item::before,
.radio__item::before,
.songs__item::before,
.favorites__item::before,
.widget::before,
.list-timers--multizone::before,
.clearfix::after,
.list-places--multizone::after,
.birthdays__item::after,
.radio__item::after,
.songs__item::after,
.favorites__item::after,
.widget::after,
.list-timers--multizone::after {
    content: ' ';
    display: table;
    clear: both
}

.link {
    border-style: dotted;
    border-width: 0 0 1px;
    text-decoration: none;
    cursor: pointer
}

    .link:hover {
        border-color: transparent
    }

.more {
    display: inline-block;
    white-space: nowrap;
    color: #343434;
    border-style: dotted;
    border-width: 0 0 1px;
    text-decoration: none;
    cursor: pointer;
    position: relative
}

    .more:hover {
        color: #343434;
        border-color: transparent
    }

    .more::after {
        display: inline-block;
        vertical-align: bottom;
        position: relative;
        margin-right: -14px;
        content: '\e926';
        font-family: 'dayspedia-icons.v31';
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    .more[aria-expanded='true']::after,
    .more.in::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

a.more:hover {
    text-decoration: none
}

.more[aria-expanded="true"],
.more.in {
    color: #343434;
    border-color: #343434
}

    .more[aria-expanded="true"]:hover,
    .more.in:hover {
        border-color: transparent
    }

.description {
    color: #7b7b7b;
    font-style: italic
}

.complete::after {
    content: '→';
    margin-left: .24rem
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.slide {
    overflow: hidden;
    -webkit-transition: .35s ease;
    -moz-transition: .35s ease;
    -o-transition: .35s ease;
    transition: .35s ease
}

    .slide.in {
        overflow: visible
    }

.hidden {
    display: none !important
}

.process {
    -webkit-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

.dotted + .block,
section.policy + .block,
.place + .block,
.multitime + .block,
.countdown-form + .block,
.countdown-form section + .block,
.timezoneconverter + .block,
.locality + .block,
.countdown + .block,
.stopwatch__counter-form + .block,
.stopwatch__counter-form section + .block,
.stopwatch__counter + .block,
.calendar + .block,
.calendar-navigation + .block,
.moon + .block {
    margin-top: -14px
}

@media screen and (min-width:784px) {
    .dotted + .block,
    section.policy + .block,
    .place + .block,
    .multitime + .block,
    .countdown-form + .block,
    .countdown-form section + .block,
    .timezoneconverter + .block,
    .locality + .block,
    .countdown + .block,
    .stopwatch__counter-form + .block,
    .stopwatch__counter-form section + .block,
    .stopwatch__counter + .block,
    .calendar + .block,
    .calendar-navigation + .block,
    .moon + .block {
        margin-top: -28px
    }
}

.dotted + .block::before,
section.policy + .block::before,
.place + .block::before,
.multitime + .block::before,
.countdown-form + .block::before,
.countdown-form section + .block::before,
.timezoneconverter + .block::before,
.locality + .block::before,
.countdown + .block::before,
.stopwatch__counter-form + .block::before,
.stopwatch__counter-form section + .block::before,
.stopwatch__counter + .block::before,
.calendar + .block::before,
.calendar-navigation + .block::before,
.moon + .block::before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -3.5px;
    content: '';
    border-top: 7px dotted #f3f3f3
}

.overflow--scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

@media screen and (hover:hover) and (pointer:fine) {
    .overflow--scroll {
        overflow: auto
    }
}

.overflow--scroll::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.__decorate {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top: 7px dotted #f3f3f3
}

    .__decorate > a,
    .__decorate > span {
        margin: calc(21px - .24rem) 28px 0 0;
        padding-left: 38px
    }

        .__decorate > a::before,
        .__decorate > span::before {
            margin-left: -42px;
            padding: 2px;
            border-radius: 50%
        }

.fullscreen,
.clockonly,
.timer,
.countdown,
.stopwatch__counter {
    height: 45vh;
    min-height: 380px;
    -webkit-transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

    .fullscreen .time,
    .clockonly .time,
    .timer .time,
    .countdown .time,
    .stopwatch__counter .time,
    .fullscreen .clock,
    .clockonly .clock,
    .timer .clock,
    .countdown .clock,
    .stopwatch__counter .clock,
    .moon-new .time,
    .fullscreen .time--night,
    .clockonly .time--night,
    .timer .time--night,
    .countdown .time--night,
    .stopwatch__counter .time--night,
    .fullscreen .clock--night,
    .clockonly .clock--night,
    .timer .clock--night,
    .countdown .clock--night,
    .stopwatch__counter .clock--night,
    .moon-new .time--night {
        position: absolute;
        left: 50%;
        top: 50%
    }

    .fullscreen .time,
    .clockonly .time,
    .timer .time,
    .countdown .time,
    .stopwatch__counter .time,
    .moon-new .time,
    .fullscreen .time--night,
    .clockonly .time--night,
    .timer .time--night,
    .countdown .time--night,
    .stopwatch__counter .time--night,
    .moon-new .time--night {
        -ms-transform: translate(-50%,-65%);
        -o-transform: translate(-50%,-65%);
        -webkit-transform: translate(-50%,-65%);
        -ms-transform: translate(-50%,-65%);
        -o-transform: translate(-50%,-65%);
        transform: translate(-50%,-65%)
    }

        .fullscreen .time--night::before,
        .clockonly .time--night::before,
        .timer .time--night::before,
        .countdown .time--night::before,
        .stopwatch__counter .time--night::before,
        .moon-new .time--night::before {
            display: inline-block;
            vertical-align: middle;
            min-width: 24px;
            font: 24px/24px 'dayspedia-icons.v31';
            text-decoration: none;
            -webkit-transition: .15s;
            -moz-transition: .15s;
            -o-transition: .15s;
            transition: .15s
        }

.fullscreen__controls,
.clock__controls,
.clockonly__controls,
.timer__controls,
.countdown__controls,
.stopwatch__counter__controls,
.timer__options__tabs,
.timer__options__menu,
.week__tabs {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fullscreen__controls,
.clockonly__controls,
.timer__controls,
.countdown__controls,
.stopwatch__counter__controls,
.timer__options__tabs,
.timer__options__menu,
.week__tabs {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

    .fullscreen__controls li,
    .clockonly__controls li,
    .timer__controls li,
    .countdown__controls li,
    .stopwatch__counter__controls li,
    .timer__options__tabs li,
    .timer__options__menu li,
    .week__tabs li,
    .timer__options__tabs dt,
    .timer__options__tabs dd,
    .week__tabs dt,
    .week__tabs dd {
        margin: 14px 14px 0 14px
    }

@media screen and (hover:none) and (pointer:coarse) {
    .fullscreen__controls button,
    .clockonly__controls button,
    .timer__controls button,
    .countdown__controls button,
    .stopwatch__counter__controls button,
    .timer__options__tabs button,
    .timer__options__menu button,
    .week__tabs button {
        font-size: 1rem
    }
}

.clock__controls {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 1;
    position: absolute;
    top: calc(28px - .24rem);
    right: 14px
}

    .clock__controls li {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 0 14px 0 14px;
        font-size: .84em
    }

        .clock__controls li span,
        .clock__controls li a {
            color: #007dbf;
            line-height: 24px;
            -webkit-transition: color .15s;
            -moz-transition: color .15s;
            -o-transition: color .15s;
            transition: color .15s;
            cursor: pointer
        }

            .clock__controls li span:hover,
            .clock__controls li a:hover,
            .clock__controls li span:hover::before,
            .clock__controls li a:hover::before {
                color: #343434
            }

        .clock__controls li.active {
            background: none
        }

            .clock__controls li.active span,
            .clock__controls li.active a {
                color: #343434;
                cursor: default
            }

                .clock__controls li.active span::before,
                .clock__controls li.active a::before {
                    content: none
                }

h1,
h2,
.h2,
h3,
fieldset legend,
.place__info__nodst,
.time-difference table td:first-child,
._fullscreen .locality .date,
.countdown__name,
.stopwatch__counter__name,
.moon-new h3 {
    letter-spacing: -.024em;
    font-family: system-ui,sans-serif;
    font-family: Montserrat,sans-serif;
    font-weight: 900;
    line-height: 1.2
}

    h1::before,
    h2::before,
    .h2::before,
    h3::before,
    fieldset legend::before,
    .place__info__nodst::before,
    .time-difference table td:first-child::before,
    ._fullscreen .locality .date::before,
    .countdown__name::before,
    .stopwatch__counter__name::before,
    .moon-new h3::before,
    h1 > a::before,
    h2 > a::before,
    .h2 > a::before,
    h3 > a::before,
    fieldset legend > a::before,
    .place__info__nodst > a::before,
    .time-difference table td:first-child > a::before,
    ._fullscreen .locality .date > a::before,
    .countdown__name > a::before,
    .stopwatch__counter__name > a::before,
    .moon-new h3 > a::before {
        margin-left: -42px;
        padding: 2px;
        background-color: #fff;
        border-radius: 50%
    }

@media screen and (max-width:783px) {
    h1.i-flag,
    h2.i-flag,
    .h2.i-flag,
    h3.i-flag,
    fieldset legend.i-flag,
    .place__info__nodst.i-flag,
    .time-difference table td:first-child.i-flag,
    ._fullscreen .locality .date.i-flag,
    .countdown__name.i-flag,
    .stopwatch__counter__name.i-flag,
    .moon-new h3.i-flag,
    h1 > .i-flag,
    h2 > .i-flag,
    .h2 > .i-flag,
    h3 > .i-flag,
    fieldset legend > .i-flag,
    .place__info__nodst > .i-flag,
    .time-difference table td:first-child > .i-flag,
    ._fullscreen .locality .date > .i-flag,
    .countdown__name > .i-flag,
    .stopwatch__counter__name > .i-flag,
    .moon-new h3 > .i-flag {
        display: block;
        padding-left: 42px
    }
}

h1 .small,
h2 .small,
.h2 .small,
h3 .small,
fieldset legend .small,
.place__info__nodst .small,
.time-difference table td:first-child .small,
._fullscreen .locality .date .small,
.countdown__name .small,
.stopwatch__counter__name .small,
.moon-new h3 .small {
    font: 1rem Helvetica,Trebuchet,sans-serif;
    letter-spacing: normal
}

    h1 .small:not(a ),
    h2 .small:not(a ),
    .h2 .small:not(a ),
    h3 .small:not(a ),
    fieldset legend .small:not(a ),
    .place__info__nodst .small:not(a ),
    .time-difference table td:first-child .small:not(a ),
    ._fullscreen .locality .date .small:not(a ),
    .countdown__name .small:not(a ),
    .stopwatch__counter__name .small:not(a ),
    .moon-new h3 .small:not(a ) {
        color: #343434
    }

h1,
._fullscreen .locality .date,
.countdown__name,
.stopwatch__counter__name {
    font-size: 1.719em;
    margin: 0 0 calc(28px - .24rem);
    word-break: break-word
}

@media screen and (max-width:783px) {
    h1,
    ._fullscreen .locality .date,
    .countdown__name,
    .stopwatch__counter__name {
        font-size: 1.469em
    }
}

h1 .small,
._fullscreen .locality .date .small,
.countdown__name .small,
.stopwatch__counter__name .small {
    margin-top: calc(14px - .24rem)
}

h2,
.h2,
.place__info__nodst,
.moon-new h3 {
    font-size: 1.375em;
    margin: 0 0 calc(21px - .24rem)
}

form + h2,
form + .h2,
form + .place__info__nodst,
form + .moon-new h3,
.input-suggestion + h2,
.input-suggestion + .h2,
.input-suggestion + .place__info__nodst,
.input-suggestion + .moon-new h3 {
    margin-top: calc(28px - .24rem)
}

@media screen and (max-width:783px) {
    h2,
    .h2,
    .place__info__nodst,
    .moon-new h3 {
        font-size: 1.175em
    }
}

h3,
fieldset legend,
.time-difference table td:first-child {
    font-size: 1.1em;
    margin: 0 0 calc(21px - .24rem)
}

@media screen and (max-width:783px) {
    h3,
    fieldset legend,
    .time-difference table td:first-child {
        font-size: 1em
    }
}

.h3--light,
.birthdays__item__name,
.radio__item__name,
.songs__item__name,
.favorites__item__name {
    font-size: 1.238em;
    font-family: Helvetica,Trebuchet,sans-serif;
    font-weight: 400;
    line-height: 1.2
}

@media screen and (max-width:783px) {
    .h3--light,
    .birthdays__item__name,
    .radio__item__name,
    .songs__item__name,
    .favorites__item__name {
        font-size: 1.175em
    }
}

.alert--success,
.alert--error,
.alert--info,
.countdown-alert,
.stopwatch__counter-alert {
    position: relative;
    padding: 7px 11px;
    border-radius: 5px
}

div.alert--success,
div.alert--error,
div.alert--info,
div.countdown-alert,
div.stopwatch__counter-alert {
    display: inline-block;
    vertical-align: top;
    margin-bottom: calc(28px - .24rem);
    padding: 7px 11px
}

ins.alert--success,
ins.alert--error,
ins.alert--info,
ins.countdown-alert,
ins.stopwatch__counter-alert {
    display: block;
    margin: 0 0 7px 0;
    padding: 5px 7px;
    font-size: .84em;
    text-align: left;
    text-decoration: none
}

@media screen and (min-width:784px) {
    ins.alert--success,
    ins.alert--error,
    ins.alert--info,
    ins.countdown-alert,
    ins.stopwatch__counter-alert {
        margin-left: 14px
    }
}

input + ins.alert--success,
input + ins.alert--error,
input + ins.alert--info,
input + ins.countdown-alert,
input + ins.stopwatch__counter-alert,
select + ins.alert--success,
select + ins.alert--error,
select + ins.alert--info,
select + ins.countdown-alert,
select + ins.stopwatch__counter-alert,
textarea + ins.alert--success,
textarea + ins.alert--error,
textarea + ins.alert--info,
textarea + ins.countdown-alert,
textarea + ins.stopwatch__counter-alert {
    margin-top: 7px
}

@media screen and (min-width:784px) {
    .alert--success::before,
    .alert--error::before,
    .alert--info::before,
    .countdown-alert::before,
    .stopwatch__counter-alert::before {
        display: block;
        content: '';
        position: absolute;
        height: 18px;
        width: 18px;
        top: -6px;
        left: -17px;
        border-radius: 0 0 0 18px
    }
}

.block.alert--success::before,
.block.alert--error::before,
.block.alert--info::before,
.block.countdown-alert::before,
.block.stopwatch__counter-alert::before {
    content: none
}

.alert--success {
    background-color: #cbec96
}

.block.alert--success {
    background: #cbec96
}

.alert--success .alert__title {
    color: #009051
}

.alert--success::before {
    -webkit-box-shadow: 2px 10px 0 #cbec96;
    box-shadow: 2px 10px 0 #cbec96
}

.alert--error {
    background-color: #ffd9d1
}

.block.alert--error {
    background: #ffd9d1
}

.alert--error .alert__title {
    color: #c73c4e
}

.alert--error::before {
    -webkit-box-shadow: 2px 10px 0 #ffd9d1;
    box-shadow: 2px 10px 0 #ffd9d1
}

.alert--info,
.countdown-alert,
.stopwatch__counter-alert {
    background-color: #c7e3f7
}

.block.alert--info,
.block.countdown-alert,
.block.stopwatch__counter-alert {
    background: #c7e3f7
}

.alert--info .alert__title,
.countdown-alert .alert__title,
.stopwatch__counter-alert .alert__title {
    color: #e1efff
}

.alert--info::before,
.countdown-alert::before,
.stopwatch__counter-alert::before {
    -webkit-box-shadow: 2px 10px 0 #c7e3f7;
    box-shadow: 2px 10px 0 #c7e3f7
}

.alert__title--error {
    color: #c73c4e
}

.alert__title--success {
    color: #009051
}

.dropup,
.dropdown {
    position: relative
}

    .dropup:hover [data-toggle="menu"],
    .dropdown:hover [data-toggle="menu"],
    .dropup:focus [data-toggle="menu"],
    .dropdown:focus [data-toggle="menu"],
    .dropup:active [data-toggle="menu"],
    .dropdown:active [data-toggle="menu"] {
        z-index: 1049;
        background: #fff
    }

        .dropup:hover [data-toggle="menu"]::after,
        .dropdown:hover [data-toggle="menu"]::after,
        .dropup:focus [data-toggle="menu"]::after,
        .dropdown:focus [data-toggle="menu"]::after,
        .dropup:active [data-toggle="menu"]::after,
        .dropdown:active [data-toggle="menu"]::after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .dropup:hover [data-toggle="menu"] + .dropdown-menu,
        .dropdown:hover [data-toggle="menu"] + .dropdown-menu,
        .dropup:focus [data-toggle="menu"] + .dropdown-menu,
        .dropdown:focus [data-toggle="menu"] + .dropdown-menu,
        .dropup:active [data-toggle="menu"] + .dropdown-menu,
        .dropdown:active [data-toggle="menu"] + .dropdown-menu {
            display: initial
        }

.dropdown-toggle:focus {
    outline: 0
}

[data-toggle="menu"] {
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    position: relative
}

    [data-toggle="menu"]:hover {
        border-color: transparent
    }

    [data-toggle="menu"]::after {
        display: inline-block;
        vertical-align: bottom;
        position: relative;
        margin-right: -14px;
        content: '\e926';
        font-family: 'dayspedia-icons.v31';
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    [data-toggle="menu"][aria-expanded='true']::after,
    [data-toggle="menu"].in::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

a[data-toggle="menu"]:hover {
    text-decoration: none
}

[data-toggle="menu"][aria-expanded="true"],
[data-toggle="menu"].in {
    color: #343434;
    border-color: #343434
}

    [data-toggle="menu"][aria-expanded="true"]:hover,
    [data-toggle="menu"].in:hover {
        border-color: transparent
    }

button[data-toggle="menu"],
input[type=button][data-toggle="menu"] {
    margin-right: 0 !important
}

    button[data-toggle="menu"]::after,
    input[type=button][data-toggle="menu"]::after {
        content: none
    }

.dropdown-menu,
.input-suggestion__menu {
    display: none;
    position: absolute;
    z-index: 1048;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    min-width: 12.4em;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0 0 48px -1px rgba(1,4,7,0.25);
    box-shadow: 0 0 48px -1px rgba(1,4,7,0.25);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dropdown-menu-right,
.input-suggestion__menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left,
.input-suggestion__menu-left {
    left: 0;
    right: auto
}

.dropdown-menu li,
.input-suggestion__menu li {
    margin: 0 0 0 0;
    padding: 0;
    line-height: 1.2
}

@media screen and (max-width:599px) {
    .dropdown-menu li,
    .input-suggestion__menu li {
        white-space: normal
    }
}

.dropdown-menu li > a,
.input-suggestion__menu li > a,
.dropdown-menu li > span,
.input-suggestion__menu li > span,
.dropdown-menu li > label,
.input-suggestion__menu li > label,
table.calendar td > a,
table.calendar td > span,
table.calendar td > label,
.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > a,
.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > span,
.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > label {
    display: block;
    clear: both;
    padding: 7px 14px;
    color: #007dbf;
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

    .dropdown-menu li > a:hover,
    .input-suggestion__menu li > a:hover,
    .dropdown-menu li > span:hover,
    .input-suggestion__menu li > span:hover,
    .dropdown-menu li > label:hover,
    .input-suggestion__menu li > label:hover,
    table.calendar td > a:hover,
    table.calendar td > span:hover,
    table.calendar td > label:hover,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > a:hover,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > span:hover,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > label:hover,
    .dropdown-menu li > a:focus,
    .input-suggestion__menu li > a:focus,
    .dropdown-menu li > span:focus,
    .input-suggestion__menu li > span:focus,
    .dropdown-menu li > label:focus,
    .input-suggestion__menu li > label:focus,
    table.calendar td > a:focus,
    table.calendar td > span:focus,
    table.calendar td > label:focus,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > a:focus,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > span:focus,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > label:focus {
        color: #343434;
        background-color: rgba(0,125,191,0.16)
    }

.dropdown-menu li > span,
.input-suggestion__menu li > span,
table.calendar td > a,
table.calendar td > span,
table.calendar td > label,
.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > a,
.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > span,
.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > label {
    cursor: pointer
}

.dropdown-menu li.active > a,
.input-suggestion__menu li.active > a,
table.calendar td.active > a,
.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > a,
.dropdown-menu li.active > span,
.input-suggestion__menu li.active > span,
table.calendar td.active > span,
.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > span,
.dropdown-menu li.active > label,
.input-suggestion__menu li.active > label,
table.calendar td.active > label,
.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > label {
    font-family: system-ui,sans-serif;
    font-family: Montserrat,sans-serif;
    font-weight: 900;
    color: #343434;
    background-color: rgba(0,125,191,0.16)
}

    .dropdown-menu li.active > a,
    .input-suggestion__menu li.active > a,
    table.calendar td.active > a,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > a,
    .dropdown-menu li.active > span,
    .input-suggestion__menu li.active > span,
    table.calendar td.active > span,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > span,
    .dropdown-menu li.active > label,
    .input-suggestion__menu li.active > label,
    table.calendar td.active > label,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > label,
    .dropdown-menu li.active > a:hover,
    .input-suggestion__menu li.active > a:hover,
    table.calendar td.active > a:hover,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > a:hover,
    .dropdown-menu li.active > span:hover,
    .input-suggestion__menu li.active > span:hover,
    table.calendar td.active > span:hover,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > span:hover,
    .dropdown-menu li.active > label:hover,
    .input-suggestion__menu li.active > label:hover,
    table.calendar td.active > label:hover,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > label:hover,
    .dropdown-menu li.active > a:focus,
    .input-suggestion__menu li.active > a:focus,
    table.calendar td.active > a:focus,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > a:focus,
    .dropdown-menu li.active > span:focus,
    .input-suggestion__menu li.active > span:focus,
    table.calendar td.active > span:focus,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > span:focus,
    .dropdown-menu li.active > label:focus,
    .input-suggestion__menu li.active > label:focus,
    table.calendar td.active > label:focus,
    .timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan.active > label:focus {
        outline: 0
    }

.dropdown-menu li[role="separator"],
.input-suggestion__menu li[role="separator"] {
    height: 1px;
    padding: 0 !important;
    overflow: hidden;
    background-color: rgba(1,4,7,0.125)
}

.dropdown .dropdown-menu {
    top: 100%;
    padding: 14px 14px
}

.dropup .dropdown-menu {
    bottom: 0;
    padding: 14px 14px 42px
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-header {
    display: block;
    font-size: .84em;
    color: #343434
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1038
}

.list-links--decorated,
.place__info__details,
.calendar-date__details,
.moon__info {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0
}

    .list-links--decorated > li,
    .place__info__details > li,
    .calendar-date__details > li,
    .moon__info > li {
        margin: 0 0 7px -3px;
        padding-left: 38px
    }

        .list-links--decorated > li:last-child,
        .place__info__details > li:last-child,
        .calendar-date__details > li:last-child,
        .moon__info > li:last-child {
            margin-bottom: 0;
            padding-bottom: 0
        }

        .list-links--decorated > li *[class^='i-']:before,
        .place__info__details > li *[class^='i-']:before,
        .calendar-date__details > li *[class^='i-']:before,
        .moon__info > li *[class^='i-']:before {
            margin-left: -39px
        }

    .list-links--decorated + .list-links--decorated,
    .place__info__details + .list-links--decorated,
    .calendar-date__details + .list-links--decorated,
    .moon__info + .list-links--decorated {
        position: relative;
        margin-top: calc(28px - .24rem);
        padding-top: calc(24.5px - .24rem)
    }

        .list-links--decorated + .list-links--decorated::before,
        .place__info__details + .list-links--decorated::before,
        .calendar-date__details + .list-links--decorated::before,
        .moon__info + .list-links--decorated::before {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: -3.5px;
            content: '';
            border-top: 7px dotted #f3f3f3
        }

.list-tabs {
    position: relative;
    margin: 0 0 calc(14px - .24rem) 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    border: dashed #c6c6c6;
    border-width: 0 0 1px
}

@media screen and (min-width:600px) {
    .list-tabs {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    html.ie .list-tabs > li {
        float: left;
        width: 49%
    }

    html.ie .list-tabs::before,
    html.ie .list-tabs::after {
        content: ' ';
        display: table;
        clear: both
    }
}

@media screen and (min-width:784px) {
    .list-tabs {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    html.ie .list-tabs > li {
        float: left;
        width: 32%
    }

    html.ie .list-tabs::before,
    html.ie .list-tabs::after {
        content: ' ';
        display: table;
        clear: both
    }
}

.list-tabs > li,
.list-items > li {
    margin: 0 0 0 0;
    padding: 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

    .list-tabs > li > a,
    .list-items > li > a {
        display: block;
        padding: 7px 14px;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

        .list-tabs > li > a:hover,
        .list-items > li > a:hover {
            background: rgba(0,125,191,0.16)
        }

    .list-tabs > li.active,
    .list-items > li.active {
        font-family: system-ui,sans-serif;
        font-family: Montserrat,sans-serif;
        font-weight: 900
    }

        .list-tabs > li.active,
        .list-items > li.active,
        .list-tabs > li.active a,
        .list-items > li.active a,
        .list-tabs > li.active span,
        .list-items > li.active span {
            color: #343434
        }

            .list-tabs > li.active a,
            .list-items > li.active a,
            .list-tabs > li.active span,
            .list-items > li.active span {
                background-color: rgba(0,125,191,0.16)
            }

.list-places,
.list-timers {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

    .list-places > li,
    .list-timers > li {
        margin: 0 0 0 0;
        padding: 0
    }

        .list-places > li::after,
        .list-timers > li::after {
            content: '';
            display: table
        }

        .list-places > li > a,
        .list-timers > li > a,
        .list-places > li > span,
        .list-timers > li > span,
        .list-countdowns > li a,
        .list-countdowns > li span {
            display: block;
            padding: 7px 14px;
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid;
            white-space: normal;
            text-overflow: ellipsis;
            overflow: hidden
        }

            .list-places > li > a:hover,
            .list-timers > li > a:hover,
            .list-countdowns > li a:hover,
            .list-countdowns > li span:hover {
                background: rgba(0,125,191,0.16)
            }

        .list-places > li.active,
        .list-timers > li.active {
            font-family: system-ui,sans-serif;
            font-family: Montserrat,sans-serif;
            font-weight: 900
        }

            .list-places > li.active a,
            .list-timers > li.active a,
            .list-places > li.active span,
            .list-timers > li.active span,
            .list-countdowns > li.active a,
            .list-countdowns > li.active span {
                background-color: rgba(0,125,191,0.16)
            }

        .list-places > li > a[ class ],
        .list-timers > li > a[ class ],
        .list-places > li > span[ class ],
        .list-timers > li > span[ class ],
        .list-countdowns > li a[ class ],
        .list-countdowns > li span[ class ] {
            padding-left: 55px
        }

            .list-places > li > a[ class ]::before,
            .list-timers > li > a[ class ]::before,
            .list-places > li > span[ class ]::before,
            .list-timers > li > span[ class ]::before,
            .list-countdowns > li a[ class ]::before,
            .list-countdowns > li span[ class ]::before {
                vertical-align: middle;
                margin-left: -41px
            }

@media screen and (min-width:600px) {
    .list-places,
    .list-timers {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    html.ie .list-places > li,
    html.ie .list-timers > li {
        float: left;
        width: 49%
    }

    html.ie .list-places::before,
    html.ie .list-timers::before,
    html.ie .list-places::after,
    html.ie .list-timers::after {
        content: ' ';
        display: table;
        clear: both
    }
}

@media screen and (min-width:784px) {
    .list-places,
    .list-timers {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }

    html.ie .list-places > li,
    html.ie .list-timers > li {
        float: left;
        width: 32%
    }

    html.ie .list-places::before,
    html.ie .list-timers::before,
    html.ie .list-places::after,
    html.ie .list-timers::after {
        content: ' ';
        display: table;
        clear: both
    }
}

.list-places + h2,
.list-timers + h2 {
    margin-top: calc(28px - .24rem)
}

.list-places--multizone,
.list-timers--multizone {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0
}

    .list-places--multizone > li,
    .list-timers--multizone > li {
        margin: 0 0 0 0;
        float: left;
        padding: 7px 14px 7px 42px
    }

@media screen and (min-width:600px) {
    .list-places--multizone > li,
    .list-timers--multizone > li {
        width: 50%
    }
}

.list-places--multizone > li > a,
.list-timers--multizone > li > a,
.list-places--multizone > li > span,
.list-timers--multizone > li > span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

    .list-places--multizone > li > a::before,
    .list-timers--multizone > li > a::before,
    .list-places--multizone > li > span::before,
    .list-timers--multizone > li > span::before {
        margin-left: -42px;
        vertical-align: middle
    }

.list-places--multizone > li.active > a:first-child,
.list-timers--multizone > li.active > a:first-child,
.list-places--multizone > li.active > span:first-child,
.list-timers--multizone > li.active > span:first-child {
    font-family: system-ui,sans-serif;
    font-family: Montserrat,sans-serif;
    font-weight: 900
}

.list-places--multizone > li > ul,
.list-timers--multizone > li > ul {
    display: inline-block;
    vertical-align: top;
    margin: 7px 0 0 0;
    padding: 7px 0 0 0;
    list-style: none;
    border: dashed #c6c6c6;
    border-width: 1px 0 0
}

    .list-places--multizone > li > ul > li,
    .list-timers--multizone > li > ul > li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .list-places--multizone > li > ul > li::before,
        .list-timers--multizone > li > ul > li::before {
            display: inline-block;
            vertical-align: middle;
            content: '·';
            margin-left: -1em;
            margin-right: .72em
        }

.list-items {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.inner-promo .list-items {
    margin-left: 0
}

.list-items > li {
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%
}

    .list-items > li > a {
        text-align: center
    }

.list-utc {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

html.ie .list-utc > li {
    float: left;
    width: 32%
}

html.ie .list-utc::before,
html.ie .list-utc::after {
    content: ' ';
    display: table;
    clear: both
}

.list-utc > li {
    margin: 0 0 0 0;
    padding: 0
}

    .list-utc > li::after {
        content: '';
        display: table
    }

    .list-utc > li > a,
    .list-utc > li > span {
        display: block;
        padding: 7px 14px;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden
    }

        .list-utc > li > a:hover {
            background: rgba(0,125,191,0.16)
        }

    .list-utc > li.active {
        font-family: system-ui,sans-serif;
        font-family: Montserrat,sans-serif;
        font-weight: 900
    }

        .list-utc > li.active a,
        .list-utc > li.active span {
            background-color: rgba(0,125,191,0.16)
        }

@media screen and (min-width:784px) {
    .list-utc {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    html.ie .list-utc > li {
        float: left;
        width: 49%
    }

    html.ie .list-utc::before,
    html.ie .list-utc::after {
        content: ' ';
        display: table;
        clear: both
    }
}

@media screen and (min-width:784px) {
    .cols--2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 28px;
        -moz-column-gap: 28px;
        column-gap: 28px
    }

    html.ie .cols--2 > li {
        float: left;
        width: 49%
    }

    html.ie .cols--2::before,
    html.ie .cols--2::after {
        content: ' ';
        display: table;
        clear: both
    }

    html.ie .cols--2 > li + li {
        margin-left: 1%
    }
}

@-webkit-keyframes scale {
    0%, 80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    45% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .7
    }
}

@keyframes scale {
    0%, 80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    45% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: .7
    }
}

._loading {
    text-align: center;
    margin: auto;
    width: 48px
}

    ._loading > i {
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        margin: 5px;
        font-style: normal !important;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        background-color: rgba(52,52,52,0.64);
        border-radius: 50%
    }

        ._loading > i:nth-child(1) {
            -webkit-animation: scale 1s -.36s infinite cubic-bezier(.2,.68,.18,1.08);
            -o-animation: scale 1s -.36s infinite cubic-bezier(.2,.68,.18,1.08);
            animation: scale 1s -.36s infinite cubic-bezier(.2,.68,.18,1.08)
        }

        ._loading > i:nth-child(2) {
            -webkit-animation: scale 1s -.24s infinite cubic-bezier(.2,.68,.18,1.08);
            -o-animation: scale 1s -.24s infinite cubic-bezier(.2,.68,.18,1.08);
            animation: scale 1s -.24s infinite cubic-bezier(.2,.68,.18,1.08)
        }

        ._loading > i:nth-child(4) {
            -webkit-animation: scale 1s -.12s infinite cubic-bezier(.2,.68,.18,1.08);
            -o-animation: scale 1s -.12s infinite cubic-bezier(.2,.68,.18,1.08);
            animation: scale 1s -.12s infinite cubic-bezier(.2,.68,.18,1.08)
        }

        ._loading > i:nth-child(3) {
            -webkit-animation: scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08);
            -o-animation: scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08);
            animation: scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08)
        }

@media screen and (min-width:784px) {
    main > ._loading {
        margin: 28px 0
    }
}

form {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="time"] {
    height: 40px;
    padding: 7px 14px;
    font: 1em/1.4 Helvetica,Trebuchet,sans-serif;
    color: #343434;
    border-radius: 3px;
    border: solid #c6c6c6;
    border-width: 1px;
    background: #fff
}

    input[type="text"]::-moz-placeholder,
    input[type="password"]::-moz-placeholder,
    input[type="email"]::-moz-placeholder,
    input[type="url"]::-moz-placeholder,
    input[type="number"]::-moz-placeholder,
    input[type="search"]::-moz-placeholder,
    input[type="date"]::-moz-placeholder,
    input[type="time"]::-moz-placeholder {
        color: #9e9e9e;
        opacity: 1
    }

    input[type="text"]:-ms-input-placeholder,
    input[type="password"]:-ms-input-placeholder,
    input[type="email"]:-ms-input-placeholder,
    input[type="url"]:-ms-input-placeholder,
    input[type="number"]:-ms-input-placeholder,
    input[type="search"]:-ms-input-placeholder,
    input[type="date"]:-ms-input-placeholder,
    input[type="time"]:-ms-input-placeholder {
        color: #9e9e9e
    }

    input[type="text"]::-webkit-input-placeholder,
    input[type="password"]::-webkit-input-placeholder,
    input[type="email"]::-webkit-input-placeholder,
    input[type="url"]::-webkit-input-placeholder,
    input[type="number"]::-webkit-input-placeholder,
    input[type="search"]::-webkit-input-placeholder,
    input[type="date"]::-webkit-input-placeholder,
    input[type="time"]::-webkit-input-placeholder {
        color: #9e9e9e
    }

    input[type="text"].error,
    input[type="password"].error,
    input[type="email"].error,
    input[type="url"].error,
    input[type="number"].error,
    input[type="search"].error,
    input[type="date"].error,
    input[type="time"].error {
        border-color: #c73c4e
    }

    input[type="text"]:focus:not(:disabled),
    input[type="password"]:focus:not(:disabled),
    input[type="email"]:focus:not(:disabled),
    input[type="url"]:focus:not(:disabled),
    input[type="number"]:focus:not(:disabled),
    input[type="search"]:focus:not(:disabled),
    input[type="date"]:focus:not(:disabled),
    input[type="time"]:focus:not(:disabled),
    input[type="text"]:hover:not(:disabled),
    input[type="password"]:hover:not(:disabled),
    input[type="email"]:hover:not(:disabled),
    input[type="url"]:hover:not(:disabled),
    input[type="number"]:hover:not(:disabled),
    input[type="search"]:hover:not(:disabled),
    input[type="date"]:hover:not(:disabled),
    input[type="time"]:hover:not(:disabled) {
        border-color: #7b7b7b;
        outline: 0;
        position: relative;
        z-index: 1049;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

@media screen and (hover:hover) and (pointer:fine) {
    input[type="number"] {
        padding-right: 0;
        line-height: 40px
    }
}

select {
    height: 40px;
    padding: 7px 14px;
    font: 1em/1.4 Helvetica,Trebuchet,sans-serif;
    color: #343434;
    border-radius: 3px;
    border: solid #c6c6c6;
    border-width: 1px;
    background: #fff
}

    select.error {
        border-color: #c73c4e
    }

    select:focus:not(:disabled),
    select:hover:not(:disabled) {
        border-color: #7b7b7b;
        outline: 0;
        position: relative;
        z-index: 1049;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"] {
    width: 100%
}

    input::-moz-focus-inner,
    select::-moz-focus-inner,
    textarea::-moz-focus-inner {
        border: 0;
        padding: 0
    }

textarea {
    width: 100%;
    height: auto;
    padding: 7px 14px;
    font: 1em/1.4 Helvetica,Trebuchet,sans-serif;
    color: #343434;
    border-radius: 3px;
    border: solid #c6c6c6;
    border-width: 1px;
    background: #fff;
    min-height: 2.8em;
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

    textarea::-moz-placeholder {
        color: #9e9e9e;
        opacity: 1
    }

    textarea:-ms-input-placeholder {
        color: #9e9e9e
    }

    textarea::-webkit-input-placeholder {
        color: #9e9e9e
    }

    textarea.error {
        border-color: #c73c4e
    }

    textarea:focus:not(:disabled),
    textarea:hover:not(:disabled) {
        border-color: #7b7b7b;
        outline: 0;
        position: relative;
        z-index: 1049;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    textarea:not([cols]) {
        min-width: 175px
    }

label,
select,
[type="radio"],
[type="checkbox"] {
    cursor: pointer
}

label {
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="file"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

[type="checkbox"],
[type="radio"] {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: -1px 0 0;
    position: relative
}

    [type="checkbox"]::before,
    [type="radio"]::before {
        position: absolute;
        background: #fff
    }

    [type="checkbox"] + label,
    [type="radio"] + label {
        padding-left: 14px
    }

    [type="checkbox"]:checked + label,
    [type="radio"]:checked + label {
        font-weight: 600
    }

[type="checkbox"] {
    width: 16px;
    height: 16px
}

    [type="checkbox"]::before {
        display: inline-block;
        vertical-align: middle;
        min-width: 16px;
        font: 16px/16px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    [type="checkbox"]::before {
        content: '\e917';
        color: #343434
    }

    [type="checkbox"]:checked::before {
        content: '\e916'
    }

[type="radio"] {
    width: 18px;
    height: 18px
}

    [type="radio"]::before {
        display: inline-block;
        vertical-align: middle;
        min-width: 18px;
        font: 18px/18px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    [type="radio"]::before {
        content: '\e915';
        color: #343434
    }

    [type="radio"]::before {
        border-radius: 50%
    }

    [type="radio"]:checked::before {
        content: '\e914'
    }

label.error,
span.error {
    color: #c73c4e
}

span.error {
    font-size: .84em;
    font-style: italic
}

*[disabled],
*:disabled,
*[disabled] + label,
*:disabled + label {
    pointer-events: initial;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed !important
}

input[disabled],
select[disabled],
button[disabled],
textarea[disabled],
input:disabled,
select:disabled,
button:disabled,
textarea:disabled {
    background: rgba(0,0,0,0.12) !important;
    text-shadow: none
}

._dark input[disabled],
._dark select[disabled],
._dark button[disabled],
._dark textarea[disabled],
._dark input:disabled,
._dark select:disabled,
._dark button:disabled,
._dark textarea:disabled {
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset;
    opacity: .32
}

label.required {
    font-weight: 900
}

fieldset {
    margin: 0 0 calc(14px - .24rem);
    padding: 0;
    border: 0;
    min-width: 0
}

    fieldset legend {
        color: #7b7b7b
    }

    fieldset p,
    fieldset li {
        margin-bottom: calc(14px - .24rem);
        padding-left: 30px
    }

        fieldset p > [type="checkbox"],
        fieldset li > [type="checkbox"],
        fieldset p > [type="radio"],
        fieldset li > [type="radio"],
        fieldset p .switch-box,
        fieldset li .switch-box {
            margin-left: -30px
        }

    fieldset ul {
        margin: 0 0 0 0;
        padding: 0;
        list-style: none;
        text-indent: 0
    }

.form-action,
.form-action--right,
.form-action--left,
.form-action--wide,
.form-action--center,
.form-action--between {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    margin-left: -14px
}

    .form-action a,
    .form-action--right a,
    .form-action--left a,
    .form-action--wide a,
    .form-action--center a,
    .form-action--between a,
    .form-action input,
    .form-action--right input,
    .form-action--left input,
    .form-action--wide input,
    .form-action--center input,
    .form-action--between input,
    .form-action button,
    .form-action--right button,
    .form-action--left button,
    .form-action--wide button,
    .form-action--center button,
    .form-action--between button {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 14px 0 0 14px
    }

.form-action {
    text-align: right;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.form-action--wide {
    margin-left: 0
}

    .form-action--wide a,
    .form-action--wide input,
    .form-action--wide button {
        width: 100%;
        margin-left: 0
    }

.form-action--right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.form-action--center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-action--between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

button,
[type="button"],
[role="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer
}

    button:focus,
    [type="button"]:focus,
    [role="button"]:focus,
    [type="reset"]:focus,
    [type="submit"]:focus {
        outline: none
    }

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

.button,
.submit {
    min-height: 40px;
    padding: 7px 11px;
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,0.48);
    font-size: 1em;
    font-family: Helvetica,Trebuchet,sans-serif;
    text-align: center;
    border-radius: 3px;
    white-space: nowrap;
    border: none;
    background: #007dbf;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .button:hover,
    .submit:hover,
    .button:focus,
    .submit:focus,
    .button:active,
    .submit:active {
        color: #fff
    }

    .button:not([disabled]):hover,
    .submit:not([disabled]):hover {
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06)
    }

    .button:active,
    .submit:active {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

a.button,
a.submit,
span.button,
span.submit {
    display: inline-block;
    text-decoration: none;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0
}

    a.button:hover,
    a.submit:hover,
    span.button:hover,
    span.submit:hover {
        color: #fff
    }

.button--light,
.submit--light {
    min-height: 40px;
    padding: 7px 11px;
    color: #007dbf;
    font-size: 1em;
    font-family: Helvetica,Trebuchet,sans-serif;
    text-align: center;
    border-radius: 3px;
    white-space: nowrap;
    border: none;
    background: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0 0 0 1px #007dbf inset;
    box-shadow: 0 0 0 1px #007dbf inset
}

    .button--light:hover,
    .submit--light:hover,
    .button--light:focus,
    .submit--light:focus,
    .button--light:active,
    .submit--light:active {
        color: #007dbf
    }

    .button--light:not([disabled]):hover,
    .submit--light:not([disabled]):hover {
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06)
    }

    .button--light:active,
    .submit--light:active {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

a.button--light,
a.submit--light,
span.button--light,
span.submit--light {
    line-height: 40px
}

.button--light[disabled],
.submit--light[disabled],
.button--light:disabled,
.submit--light:disabled {
    background: none !important;
    color: #c6c6c6;
    -webkit-box-shadow: 0 0 0 1px #c6c6c6 inset;
    box-shadow: 0 0 0 1px #c6c6c6 inset
}

.cancel {
    min-height: 40px;
    padding: 7px 11px;
    color: #343434;
    font-size: 1em;
    font-family: Helvetica,Trebuchet,sans-serif;
    text-align: center;
    border-radius: 3px;
    white-space: nowrap;
    border: none;
    background: #e0e0e0;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .cancel:hover,
    .cancel:focus,
    .cancel:active {
        color: #343434
    }

    .cancel:not([disabled]):hover {
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06)
    }

    .cancel:active {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

a.cancel,
span.cancel {
    display: inline-block;
    text-decoration: none;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0
}

.cancel-small {
    min-height: 28px;
    padding: 5px 11px;
    color: #343434;
    font-size: 1em;
    font-family: Helvetica,Trebuchet,sans-serif;
    text-align: center;
    border-radius: 3px;
    white-space: nowrap;
    border: none;
    background: #e0e0e0;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .cancel-small:hover,
    .cancel-small:focus,
    .cancel-small:active {
        color: #343434
    }

    .cancel-small:not([disabled]):hover {
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06)
    }

    .cancel-small:active {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

button.i-search,
button.i-remove,
button.i-params,
button.i-close,
button.i-up,
button.i-add,
button.i-favorite,
button.i-favorited,
button.i-calendar,
button.i-fullscreen,
button.i-play,
button.i-edit,
button.i-back,
button.i-check,
button.locality:not(._fullscreen ) .fullscreen__controls .button {
    background: transparent;
    border: none;
    padding: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    outline: 0;
    border-radius: 0;
    text-shadow: none;
    vertical-align: middle;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

    button.i-search::before,
    button.i-remove::before,
    button.i-params::before,
    button.i-close::before,
    button.i-up::before,
    button.i-add::before,
    button.i-favorite::before,
    button.i-favorited::before,
    button.i-calendar::before,
    button.i-fullscreen::before,
    button.i-play::before,
    button.i-edit::before,
    button.i-back::before,
    button.i-check::before,
    button.locality:not(._fullscreen ) .fullscreen__controls .button::before {
        margin-right: 0
    }

    button.i-search:hover::before,
    button.i-remove:hover::before,
    button.i-params:hover::before,
    button.i-close:hover::before,
    button.i-up:hover::before,
    button.i-add:hover::before,
    button.i-favorite:hover::before,
    button.i-favorited:hover::before,
    button.i-calendar:hover::before,
    button.i-fullscreen:hover::before,
    button.i-play:hover::before,
    button.i-edit:hover::before,
    button.i-back:hover::before,
    button.i-check:hover::before,
    button.locality:not(._fullscreen ) .fullscreen__controls .button:hover::before {
        color: #343434
    }

h1 button.i-search,
h1 button.i-remove,
h1 button.i-params,
h1 button.i-close,
h1 button.i-up,
h1 button.i-add,
h1 button.i-favorite,
h1 button.i-favorited,
h1 button.i-calendar,
h1 button.i-fullscreen,
h1 button.i-play,
h1 button.i-edit,
h1 button.i-back,
h1 button.i-check,
h1 button.locality:not(._fullscreen ) .fullscreen__controls .button,
h2 button.i-search,
h2 button.i-remove,
h2 button.i-params,
h2 button.i-close,
h2 button.i-up,
h2 button.i-add,
h2 button.i-favorite,
h2 button.i-favorited,
h2 button.i-calendar,
h2 button.i-fullscreen,
h2 button.i-play,
h2 button.i-edit,
h2 button.i-back,
h2 button.i-check,
h2 button.locality:not(._fullscreen ) .fullscreen__controls .button {
    padding: .24rem;
    margin: -0.44rem 0 -0.24rem
}

    h1 button.i-search:first-child,
    h1 button.i-remove:first-child,
    h1 button.i-params:first-child,
    h1 button.i-close:first-child,
    h1 button.i-up:first-child,
    h1 button.i-add:first-child,
    h1 button.i-favorite:first-child,
    h1 button.i-favorited:first-child,
    h1 button.i-calendar:first-child,
    h1 button.i-fullscreen:first-child,
    h1 button.i-play:first-child,
    h1 button.i-edit:first-child,
    h1 button.i-back:first-child,
    h1 button.i-check:first-child,
    h1 button.locality:not(._fullscreen ) .fullscreen__controls .button:first-child,
    h2 button.i-search:first-child,
    h2 button.i-remove:first-child,
    h2 button.i-params:first-child,
    h2 button.i-close:first-child,
    h2 button.i-up:first-child,
    h2 button.i-add:first-child,
    h2 button.i-favorite:first-child,
    h2 button.i-favorited:first-child,
    h2 button.i-calendar:first-child,
    h2 button.i-fullscreen:first-child,
    h2 button.i-play:first-child,
    h2 button.i-edit:first-child,
    h2 button.i-back:first-child,
    h2 button.i-check:first-child,
    h2 button.locality:not(._fullscreen ) .fullscreen__controls .button:first-child {
        padding-left: 1rem
    }

.i-remove:hover::before {
    color: #c73c4e
}

.b-print::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    margin-right: 14px;
    font: 24px/24px 'dayspedia-icons.v31';
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.b-print::before {
    content: "\e93c"
}

.modal .input-container,
.modal .input-suggestion {
    margin-bottom: 14px
}

.input-container + .alert--success,
.input-suggestion + .alert--success,
.input-container + .alert--error,
.input-suggestion + .alert--error {
    margin-top: 14px
}

label + .input-container,
label + .input-suggestion {
    margin-top: 7px
}

.input-suggestion {
    position: relative
}

    .input-suggestion input:focus,
    .input-suggestion input:hover {
        z-index: 1049
    }

.input-suggestion__menu {
    margin-top: -1px;
    z-index: 1046;
    width: 100%;
    left: 0;
    border: 1px solid #c6c6c6
}

    .input-suggestion__menu > li:nth-of-type(even) {
        background: #f2f2f2
    }

    .input-suggestion__menu > li span {
        word-break: break-word
    }

    .input-suggestion__menu > li > span {
        position: relative
    }

        .input-suggestion__menu > li > span:hover [role="note"]::after {
            background-image: -webkit-linear-gradient(left,rgba(0,125,191,0) 0,#007dbf 56px);
            background-image: -o-linear-gradient(left,rgba(0,125,191,0) 0,#007dbf 56px);
            background-image: linear-gradient(to right,rgba(0,125,191,0) 0,#007dbf 56px);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00007dbf',endColorstr='#ff007dbf',GradientType=1)
        }

        .input-suggestion__menu > li > span span {
            display: block;
            font-size: .72em;
            color: #343434
        }

        .input-suggestion__menu > li > span.i-flag {
            padding-left: 41px
        }

            .input-suggestion__menu > li > span.i-flag::before {
                margin-left: -25px
            }

    .input-suggestion__menu > li [role="note"] {
        position: absolute;
        bottom: 7px;
        right: 14px;
        text-align: right
    }

        .input-suggestion__menu > li [role="note"]::after {
            display: block;
            content: '';
            position: absolute;
            z-index: 1;
            left: -56px;
            right: 0;
            top: 0;
            bottom: 0;
            opacity: .15
        }

    .input-suggestion__menu > li:nth-of-type(odd) [role="note"] {
        background: #fff
    }

        .input-suggestion__menu > li:nth-of-type(odd) [role="note"]::before {
            display: block;
            content: '';
            position: absolute;
            left: -56px;
            top: 0;
            bottom: 0;
            width: 56px;
            background-image: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,#fff 100%);
            background-image: -o-linear-gradient(left,rgba(255,255,255,0) 0%,#fff 100%);
            background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,#fff 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffffff',GradientType=1)
        }

    .input-suggestion__menu > li:nth-of-type(even) [role="note"] {
        background: #f2f2f2
    }

        .input-suggestion__menu > li:nth-of-type(even) [role="note"]::before {
            display: block;
            content: '';
            position: absolute;
            left: -56px;
            top: 0;
            bottom: 0;
            width: 56px;
            background-image: -webkit-linear-gradient(left,rgba(242,242,242,0) 0%,#f2f2f2 100%);
            background-image: -o-linear-gradient(left,rgba(242,242,242,0) 0%,#f2f2f2 100%);
            background-image: linear-gradient(to right,rgba(242,242,242,0) 0%,#f2f2f2 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f2f2f2',endColorstr='#fff2f2f2',GradientType=1)
        }

.input-combobox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding-top: 14px
}

    .input-combobox .input-suggestion__menu {
        top: 54px
    }

.input-combobox__input {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.input-combobox__action,
.input-combobox__action[type="button"] {
    -webkit-flex: 0 0 40px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    margin-left: 14px;
    width: 40px;
    padding: 0;
    font: 24px/40px 'dayspedia-icons.v31';
    color: #616161;
    text-align: center;
    text-shadow: 0 1px #fff;
    border-radius: 3px;
    border: 1px solid #c6c6c6;
    background: #e0e0e0;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

    .input-combobox__action:not([disabled]):hover,
    .input-combobox__action[type="button"]:not([disabled]):hover {
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06)
    }

    .input-combobox__action:active,
    .input-combobox__action[type="button"]:active {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

.list-suggestion {
    margin-top: 14px;
    padding-left: 0
}

    .list-suggestion a {
        border-bottom: 1px dotted
    }

        .list-suggestion a:hover {
            border-color: transparent
        }

        .list-suggestion a:focus,
        .list-suggestion a:active {
            color: #007dbf
        }

.switch-box,
.switch-dark,
.switch-mirror {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 20px;
    margin: -2px 0 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 50px
}

    .switch-box input[type='checkbox'],
    .switch-dark input[type='checkbox'],
    .switch-mirror input[type='checkbox'] {
        position: relative;
        z-index: 2;
        height: 20px;
        width: 36px;
        vertical-align: middle;
        opacity: 0;
        margin-left: -50px
    }

        .switch-box input[type='checkbox']::before,
        .switch-dark input[type='checkbox']::before,
        .switch-mirror input[type='checkbox']::before {
            content: none
        }

        .switch-box input[type='checkbox'] + i,
        .switch-dark input[type='checkbox'] + i,
        .switch-mirror input[type='checkbox'] + i {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            height: 20px;
            width: 36px;
            border-radius: 10px;
            background: #9e9e9e;
            font-style: normal;
            -webkit-box-shadow: 0 1px 2px rgba(1,4,7,0.25) inset;
            box-shadow: 0 1px 2px rgba(1,4,7,0.25) inset;
            -webkit-transition: background .075s;
            -moz-transition: background .075s;
            -o-transition: background .075s;
            transition: background .075s
        }

            .switch-box input[type='checkbox'] + i::after,
            .switch-dark input[type='checkbox'] + i::after,
            .switch-mirror input[type='checkbox'] + i::after {
                display: block;
                position: absolute;
                content: '';
                z-index: 1;
                left: 4px;
                top: 4px;
                height: 12px;
                width: 12px;
                border-radius: 50%;
                background: #fff;
                -webkit-box-shadow: 0 2px 2px rgba(1,4,7,0.25);
                box-shadow: 0 2px 2px rgba(1,4,7,0.25);
                -webkit-transition: left .075s;
                -moz-transition: left .075s;
                -o-transition: left .075s;
                transition: left .075s
            }

        .switch-box input[type='checkbox']:checked + i,
        .switch-dark input[type='checkbox']:checked + i,
        .switch-mirror input[type='checkbox']:checked + i {
            background: #009051
        }

            .switch-box input[type='checkbox']:checked + i::after,
            .switch-dark input[type='checkbox']:checked + i::after,
            .switch-mirror input[type='checkbox']:checked + i::after {
                left: 20px
            }

            .switch-box input[type='checkbox']:checked + i + label,
            .switch-dark input[type='checkbox']:checked + i + label,
            .switch-mirror input[type='checkbox']:checked + i + label {
                font-weight: 600
            }

        .switch-box input[type='checkbox']:disabled + i,
        .switch-dark input[type='checkbox']:disabled + i,
        .switch-mirror input[type='checkbox']:disabled + i,
        .switch-box input[type='checkbox']:disabled + i + label,
        .switch-dark input[type='checkbox']:disabled + i + label,
        .switch-mirror input[type='checkbox']:disabled + i + label {
            pointer-events: initial;
            -webkit-box-shadow: none;
            box-shadow: none;
            cursor: not-allowed !important;
            opacity: .5
        }

    .switch-box label,
    .switch-dark label,
    .switch-mirror label {
        padding-left: 14px;
        vertical-align: bottom
    }

.banner--main,
.banner--aside,
.banner--mobileonly {
    margin: 0 auto 28px;
    width: fit-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

@media screen and (max-width:783px) {
    .banner--main,
    .banner--aside,
    .banner--mobileonly {
        margin-bottom: 14px
    }
}

.banner--main > ins,
.banner--aside > ins,
.banner--mobileonly > ins,
.banner--main > div,
.banner--aside > div,
.banner--mobileonly > div,
.banner--main > iframe,
.banner--aside > iframe,
.banner--mobileonly > iframe {
    margin: 0 auto;
    vertical-align: top
}

.banner--main {
    width: 320px;
    height: 100px
}

    .banner--main > ins,
    .banner--main > div,
    .banner--main > iframe {
        max-width: 320px;
        max-height: 100px
    }

@media screen and (min-width:600px) {
    .banner--main {
        width: 468px;
        height: 60px
    }

        .banner--main > ins,
        .banner--main > div,
        .banner--main > iframe {
            max-width: 468px;
            max-height: 60px
        }
}

@media screen and (min-width:784px) {
    .banner--main {
        width: 728px;
        height: 90px
    }

        .banner--main > ins,
        .banner--main > div,
        .banner--main > iframe {
            max-width: 728px;
            max-height: 90px
        }
}

@media screen and (min-width:1148px) {
    footer .banner--main {
        width: 970px;
        height: 250px
    }

        footer .banner--main > ins,
        footer .banner--main > div,
        footer .banner--main > iframe {
            max-width: 970px;
            max-height: 250px
        }
}

.banner--aside {
    margin: 0 auto
}

@media screen and (min-width:784px) {
    .banner--aside {
        margin: 0;
        width: 336px
    }
}

.banner--aside > ins,
.banner--aside > div,
.banner--aside > iframe {
    margin-bottom: 14px;
    min-height: 250px;
    min-width: 300px
}

@media screen and (min-width:784px) {
    .banner--aside > ins,
    .banner--aside > div,
    .banner--aside > iframe {
        margin-bottom: 28px;
        min-height: 280px;
        min-width: 336px
    }
}

.banner--mobileonly {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media screen and (min-width:784px) {
    .banner--mobileonly > ins,
    .banner--mobileonly > div,
    .banner--mobileonly > iframe {
        margin-bottom: 28px
    }
}

@media screen and (min-width:480px) and (min-height:360px),screen and (hover:hover) and (pointer:fine) {
    .banner--mobileonly {
        display: none
    }
}

.i-search::before,
.i-remove::before,
.i-params::before,
.i-up::before,
.i-favorite::before,
.i-favorited::before,
.i-edit::before,
.i-back::before,
.i-check::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    font: 24px/24px 'dayspedia-icons.v31';
    color: #007dbf;
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.i-add::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 48px;
    font: 48px/48px 'dayspedia-icons.v31';
    color: #007dbf;
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.i-location::before,
.i-calendar::before,
.i-stars::before,
.i-document::before,
.i-calc::before,
.i-countdown::before,
.i-digits::before,
.i-sunrise::before,
.i-moonrise::before,
.i-moon::before,
.i-clock::before,
.i-globe::before,
.i-converter::before,
.i-stopwatch::before,
.i-timer::before,
.i-close::before,
.i-dst::before,
.i-info::before,
.i-list::before,
.i-code::before,
.i-wiki::before,
.i-alarm::before,
.i-sun::before,
.i-fullscreen::before,
.i-fullscreen.off::before,
.i-share::before,
.i-link::before,
.locality:not(._fullscreen ) .fullscreen__controls .button::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    margin-right: 14px;
    font: 24px/24px 'dayspedia-icons.v31';
    color: #c6c6c6;
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

a.i-location:hover::before,
a.i-calendar:hover::before,
a.i-stars:hover::before,
a.i-document:hover::before,
a.i-calc:hover::before,
a.i-countdown:hover::before,
a.i-digits:hover::before,
a.i-sunrise:hover::before,
a.i-moonrise:hover::before,
a.i-moon:hover::before,
a.i-clock:hover::before,
a.i-globe:hover::before,
a.i-converter:hover::before,
a.i-stopwatch:hover::before,
a.i-timer:hover::before,
a.i-close:hover::before,
a.i-dst:hover::before,
a.i-info:hover::before,
a.i-list:hover::before,
a.i-code:hover::before,
a.i-wiki:hover::before,
a.i-alarm:hover::before,
a.i-sun:hover::before,
a.i-fullscreen:hover::before,
a.i-fullscreen.off:hover::before,
a.i-share:hover::before,
a.i-link:hover::before,
a.locality:not(._fullscreen ) .fullscreen__controls .button:hover::before {
    color: #343434
}

.i-up::before,
.i-down::before {
    display: inline-block;
    vertical-align: middle;
    font: normal 24px/1 Helvetica,Trebuchet,sans-serif
}

.i-search::before {
    content: '\e90e'
}

.i-alarm::before {
    content: '\e931'
}

.i-location::before,
.locality:not(._fullscreen ) .fullscreen__controls .button::before {
    content: '\e906'
}

.i-calendar::before {
    content: '\e919'
}

.i-stars::before {
    content: '\e91a'
}

.i-document::before {
    content: '\e91b'
}

.i-calc::before {
    content: '\e91c'
}

.i-countdown::before {
    content: '\e91d'
}

.i-digits::before {
    content: '\e92f'
}

.i-sunrise::before {
    content: '\e91e'
}

.i-moonrise::before {
    content: '\e91f'
}

.i-moon::before {
    content: '\e920'
}

.i-clock::before {
    content: '\e921'
}

.i-globe::before {
    content: '\e922'
}

.i-converter::before {
    content: '\e923'
}

.i-stopwatch::before {
    content: '\e924'
}

.i-timer::before {
    content: '\e925'
}

.i-code::before {
    content: '\e918'
}

.i-close::before {
    content: '\e911'
}

.i-close:hover::before {
    color: #343434
}

.i-edit::before {
    content: "\e907"
}

.i-remove::before {
    content: "\e927"
}

.i-check::before {
    content: "\e90d"
}

.i-dst::before {
    content: "\e928"
}

.i-params::before {
    content: "\e929"
}

.i-info::before {
    content: "\e92b"
}

.i-list::before {
    content: "\e92c"
}

.i-add::before {
    content: "\e90f"
}

.i-up::before {
    content: "↑"
}

.i-down::before {
    content: "↓"
}

.i-back::before {
    content: "\e93d"
}

.i-favorite::before {
    content: "\e92d"
}

.i-favorited::before {
    content: "\e92e"
}

.i-wiki::before {
    content: "\e930"
}

.i-sun::before {
    content: "\e934"
}

.i-fullscreen::before,
.locality:not(._fullscreen ) .fullscreen__controls .button::before {
    content: "\e932"
}

.i-fullscreen.off::before {
    content: "\e933"
}

.i-share::before {
    content: "\e93f"
}

.i-link::before {
    content: "\e90a"
}

.i-night::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 16px;
    font: 16px/16px 'dayspedia-icons.v31';
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.i-night::before {
    content: "\e920"
}

.i-night::before {
    vertical-align: text-top
}

.i-flag::before {
    display: inline-block;
    content: '';
    width: 27px;
    height: 18px;
    margin-right: 14px;
    -webkit-box-shadow: 0 0 0 1px rgba(1,4,7,0.12) inset;
    box-shadow: 0 0 0 1px rgba(1,4,7,0.12) inset;
    border-radius: 0
}

.i-flag::before {
    background-image: url(/img/flags_spr@2x.png);
    background-size: 27px 4266px
}

.ch.i-flag::before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.religion.i-flag::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cc0033' d='M21.5,6.33C20.6,4.35,18.68,3,16.5,3c-1.91,0-3.49,1.08-4.49,2.7C11.01,4.08,9.31,3,7.4,3c-2.09,0-4,1.35-4.91,3.33 c-1,2.25-0.45,4.86,1.46,6.75l8.06,8.15l8.13-8.15C21.96,11.19,22.51,8.58,21.5,6.33z'/%3E%3C/svg%3E") center no-repeat;
    background-color: #fff;
    background-size: 50% !important
}

.input-suggestion .i-flag::before,
.footer .i-flag::before,
.calendar__events-list .i-flag::before {
    display: inline-block;
    vertical-align: baseline;
    content: '';
    width: 18px;
    height: 12px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 0 1px rgba(1,4,7,0.12) inset;
    box-shadow: 0 0 0 1px rgba(1,4,7,0.12) inset;
    border-radius: 0
}

.input-suggestion .i-flag::before,
.footer .i-flag::before,
.calendar__events-list .i-flag::before {
    background-size: 18px 2844px
}

.i-flag.ad::before {
    background-position: center -0px
}

.input-suggestion .i-flag.ad::before,
.footer .i-flag.ad::before,
.calendar__events-list .i-flag.ad::before {
    background-position: center -0px
}

.i-flag.ae::before {
    background-position: center -18px
}

.input-suggestion .i-flag.ae::before,
.footer .i-flag.ae::before,
.calendar__events-list .i-flag.ae::before {
    background-position: center -12px
}

.i-flag.af::before {
    background-position: center -36px
}

.input-suggestion .i-flag.af::before,
.footer .i-flag.af::before,
.calendar__events-list .i-flag.af::before {
    background-position: center -24px
}

.i-flag.ag::before {
    background-position: center -54px
}

.input-suggestion .i-flag.ag::before,
.footer .i-flag.ag::before,
.calendar__events-list .i-flag.ag::before {
    background-position: center -36px
}

.i-flag.ai::before {
    background-position: center -72px
}

.input-suggestion .i-flag.ai::before,
.footer .i-flag.ai::before,
.calendar__events-list .i-flag.ai::before {
    background-position: center -48px
}

.i-flag.al::before {
    background-position: center -90px
}

.input-suggestion .i-flag.al::before,
.footer .i-flag.al::before,
.calendar__events-list .i-flag.al::before {
    background-position: center -60px
}

.i-flag.am::before {
    background-position: center -108px
}

.input-suggestion .i-flag.am::before,
.footer .i-flag.am::before,
.calendar__events-list .i-flag.am::before {
    background-position: center -72px
}

.i-flag.ao::before {
    background-position: center -126px
}

.input-suggestion .i-flag.ao::before,
.footer .i-flag.ao::before,
.calendar__events-list .i-flag.ao::before {
    background-position: center -84px
}

.i-flag.ar::before {
    background-position: center -144px
}

.input-suggestion .i-flag.ar::before,
.footer .i-flag.ar::before,
.calendar__events-list .i-flag.ar::before {
    background-position: center -96px
}

.i-flag.as::before {
    background-position: center -162px
}

.input-suggestion .i-flag.as::before,
.footer .i-flag.as::before,
.calendar__events-list .i-flag.as::before {
    background-position: center -108px
}

.i-flag.at::before {
    background-position: center -180px
}

.input-suggestion .i-flag.at::before,
.footer .i-flag.at::before,
.calendar__events-list .i-flag.at::before {
    background-position: center -120px
}

.i-flag.au::before {
    background-position: center -198px
}

.input-suggestion .i-flag.au::before,
.footer .i-flag.au::before,
.calendar__events-list .i-flag.au::before {
    background-position: center -132px
}

.i-flag.aw::before {
    background-position: center -216px
}

.input-suggestion .i-flag.aw::before,
.footer .i-flag.aw::before,
.calendar__events-list .i-flag.aw::before {
    background-position: center -144px
}

.i-flag.az::before {
    background-position: center -234px
}

.input-suggestion .i-flag.az::before,
.footer .i-flag.az::before,
.calendar__events-list .i-flag.az::before {
    background-position: center -156px
}

.i-flag.ba::before {
    background-position: center -252px
}

.input-suggestion .i-flag.ba::before,
.footer .i-flag.ba::before,
.calendar__events-list .i-flag.ba::before {
    background-position: center -168px
}

.i-flag.bb::before {
    background-position: center -270px
}

.input-suggestion .i-flag.bb::before,
.footer .i-flag.bb::before,
.calendar__events-list .i-flag.bb::before {
    background-position: center -180px
}

.i-flag.bd::before {
    background-position: center -288px
}

.input-suggestion .i-flag.bd::before,
.footer .i-flag.bd::before,
.calendar__events-list .i-flag.bd::before {
    background-position: center -192px
}

.i-flag.be::before {
    background-position: center -306px
}

.input-suggestion .i-flag.be::before,
.footer .i-flag.be::before,
.calendar__events-list .i-flag.be::before {
    background-position: center -204px
}

.i-flag.bf::before {
    background-position: center -324px
}

.input-suggestion .i-flag.bf::before,
.footer .i-flag.bf::before,
.calendar__events-list .i-flag.bf::before {
    background-position: center -216px
}

.i-flag.bg::before {
    background-position: center -342px
}

.input-suggestion .i-flag.bg::before,
.footer .i-flag.bg::before,
.calendar__events-list .i-flag.bg::before {
    background-position: center -228px
}

.i-flag.bh::before {
    background-position: center -360px
}

.input-suggestion .i-flag.bh::before,
.footer .i-flag.bh::before,
.calendar__events-list .i-flag.bh::before {
    background-position: center -240px
}

.i-flag.bi::before {
    background-position: center -378px
}

.input-suggestion .i-flag.bi::before,
.footer .i-flag.bi::before,
.calendar__events-list .i-flag.bi::before {
    background-position: center -252px
}

.i-flag.bj::before {
    background-position: center -396px
}

.input-suggestion .i-flag.bj::before,
.footer .i-flag.bj::before,
.calendar__events-list .i-flag.bj::before {
    background-position: center -264px
}

.i-flag.bl::before {
    background-position: center -414px
}

.input-suggestion .i-flag.bl::before,
.footer .i-flag.bl::before,
.calendar__events-list .i-flag.bl::before {
    background-position: center -276px
}

.i-flag.bm::before {
    background-position: center -432px
}

.input-suggestion .i-flag.bm::before,
.footer .i-flag.bm::before,
.calendar__events-list .i-flag.bm::before {
    background-position: center -288px
}

.i-flag.bn::before {
    background-position: center -450px
}

.input-suggestion .i-flag.bn::before,
.footer .i-flag.bn::before,
.calendar__events-list .i-flag.bn::before {
    background-position: center -300px
}

.i-flag.bo::before {
    background-position: center -468px
}

.input-suggestion .i-flag.bo::before,
.footer .i-flag.bo::before,
.calendar__events-list .i-flag.bo::before {
    background-position: center -312px
}

.i-flag.bq::before {
    background-position: center -486px
}

.input-suggestion .i-flag.bq::before,
.footer .i-flag.bq::before,
.calendar__events-list .i-flag.bq::before {
    background-position: center -324px
}

.i-flag.br::before {
    background-position: center -504px
}

.input-suggestion .i-flag.br::before,
.footer .i-flag.br::before,
.calendar__events-list .i-flag.br::before {
    background-position: center -336px
}

.i-flag.bs::before {
    background-position: center -522px
}

.input-suggestion .i-flag.bs::before,
.footer .i-flag.bs::before,
.calendar__events-list .i-flag.bs::before {
    background-position: center -348px
}

.i-flag.bt::before {
    background-position: center -540px
}

.input-suggestion .i-flag.bt::before,
.footer .i-flag.bt::before,
.calendar__events-list .i-flag.bt::before {
    background-position: center -360px
}

.i-flag.bw::before {
    background-position: center -558px
}

.input-suggestion .i-flag.bw::before,
.footer .i-flag.bw::before,
.calendar__events-list .i-flag.bw::before {
    background-position: center -372px
}

.i-flag.by::before {
    background-position: center -576px
}

.input-suggestion .i-flag.by::before,
.footer .i-flag.by::before,
.calendar__events-list .i-flag.by::before {
    background-position: center -384px
}

.i-flag.bz::before {
    background-position: center -594px
}

.input-suggestion .i-flag.bz::before,
.footer .i-flag.bz::before,
.calendar__events-list .i-flag.bz::before {
    background-position: center -396px
}

.i-flag.ca::before {
    background-position: center -612px
}

.input-suggestion .i-flag.ca::before,
.footer .i-flag.ca::before,
.calendar__events-list .i-flag.ca::before {
    background-position: center -408px
}

.i-flag.cd::before {
    background-position: center -630px
}

.input-suggestion .i-flag.cd::before,
.footer .i-flag.cd::before,
.calendar__events-list .i-flag.cd::before {
    background-position: center -420px
}

.i-flag.cf::before {
    background-position: center -648px
}

.input-suggestion .i-flag.cf::before,
.footer .i-flag.cf::before,
.calendar__events-list .i-flag.cf::before {
    background-position: center -432px
}

.i-flag.cg::before {
    background-position: center -666px
}

.input-suggestion .i-flag.cg::before,
.footer .i-flag.cg::before,
.calendar__events-list .i-flag.cg::before {
    background-position: center -444px
}

.i-flag.ch::before {
    background-position: center -684px
}

.input-suggestion .i-flag.ch::before,
.footer .i-flag.ch::before,
.calendar__events-list .i-flag.ch::before {
    background-position: center -456px
}

.i-flag.ci::before {
    background-position: center -702px
}

.input-suggestion .i-flag.ci::before,
.footer .i-flag.ci::before,
.calendar__events-list .i-flag.ci::before {
    background-position: center -468px
}

.i-flag.ck::before {
    background-position: center -720px
}

.input-suggestion .i-flag.ck::before,
.footer .i-flag.ck::before,
.calendar__events-list .i-flag.ck::before {
    background-position: center -480px
}

.i-flag.cl::before {
    background-position: center -738px
}

.input-suggestion .i-flag.cl::before,
.footer .i-flag.cl::before,
.calendar__events-list .i-flag.cl::before {
    background-position: center -492px
}

.i-flag.cm::before {
    background-position: center -756px
}

.input-suggestion .i-flag.cm::before,
.footer .i-flag.cm::before,
.calendar__events-list .i-flag.cm::before {
    background-position: center -504px
}

.i-flag.cn::before {
    background-position: center -774px
}

.input-suggestion .i-flag.cn::before,
.footer .i-flag.cn::before,
.calendar__events-list .i-flag.cn::before {
    background-position: center -516px
}

.i-flag.co::before {
    background-position: center -792px
}

.input-suggestion .i-flag.co::before,
.footer .i-flag.co::before,
.calendar__events-list .i-flag.co::before {
    background-position: center -528px
}

.i-flag.cr::before {
    background-position: center -810px
}

.input-suggestion .i-flag.cr::before,
.footer .i-flag.cr::before,
.calendar__events-list .i-flag.cr::before {
    background-position: center -540px
}

.i-flag.cu::before {
    background-position: center -828px
}

.input-suggestion .i-flag.cu::before,
.footer .i-flag.cu::before,
.calendar__events-list .i-flag.cu::before {
    background-position: center -552px
}

.i-flag.cv::before {
    background-position: center -846px
}

.input-suggestion .i-flag.cv::before,
.footer .i-flag.cv::before,
.calendar__events-list .i-flag.cv::before {
    background-position: center -564px
}

.i-flag.cw::before {
    background-position: center -864px
}

.input-suggestion .i-flag.cw::before,
.footer .i-flag.cw::before,
.calendar__events-list .i-flag.cw::before {
    background-position: center -576px
}

.i-flag.cy::before {
    background-position: center -882px
}

.input-suggestion .i-flag.cy::before,
.footer .i-flag.cy::before,
.calendar__events-list .i-flag.cy::before {
    background-position: center -588px
}

.i-flag.cz::before {
    background-position: center -900px
}

.input-suggestion .i-flag.cz::before,
.footer .i-flag.cz::before,
.calendar__events-list .i-flag.cz::before {
    background-position: center -600px
}

.i-flag.de::before {
    background-position: center -918px
}

.input-suggestion .i-flag.de::before,
.footer .i-flag.de::before,
.calendar__events-list .i-flag.de::before {
    background-position: center -612px
}

.i-flag.dj::before {
    background-position: center -936px
}

.input-suggestion .i-flag.dj::before,
.footer .i-flag.dj::before,
.calendar__events-list .i-flag.dj::before {
    background-position: center -624px
}

.i-flag.dk::before {
    background-position: center -954px
}

.input-suggestion .i-flag.dk::before,
.footer .i-flag.dk::before,
.calendar__events-list .i-flag.dk::before {
    background-position: center -636px
}

.i-flag.dm::before {
    background-position: center -972px
}

.input-suggestion .i-flag.dm::before,
.footer .i-flag.dm::before,
.calendar__events-list .i-flag.dm::before {
    background-position: center -648px
}

.i-flag.do::before {
    background-position: center -990px
}

.input-suggestion .i-flag.do::before,
.footer .i-flag.do::before,
.calendar__events-list .i-flag.do::before {
    background-position: center -660px
}

.i-flag.dz::before {
    background-position: center -1008px
}

.input-suggestion .i-flag.dz::before,
.footer .i-flag.dz::before,
.calendar__events-list .i-flag.dz::before {
    background-position: center -672px
}

.i-flag.ec::before {
    background-position: center -1026px
}

.input-suggestion .i-flag.ec::before,
.footer .i-flag.ec::before,
.calendar__events-list .i-flag.ec::before {
    background-position: center -684px
}

.i-flag.ee::before {
    background-position: center -1044px
}

.input-suggestion .i-flag.ee::before,
.footer .i-flag.ee::before,
.calendar__events-list .i-flag.ee::before {
    background-position: center -696px
}

.i-flag.eg::before {
    background-position: center -1062px
}

.input-suggestion .i-flag.eg::before,
.footer .i-flag.eg::before,
.calendar__events-list .i-flag.eg::before {
    background-position: center -708px
}

.i-flag.eh::before {
    background-position: center -1080px
}

.input-suggestion .i-flag.eh::before,
.footer .i-flag.eh::before,
.calendar__events-list .i-flag.eh::before {
    background-position: center -720px
}

.i-flag.er::before {
    background-position: center -1098px
}

.input-suggestion .i-flag.er::before,
.footer .i-flag.er::before,
.calendar__events-list .i-flag.er::before {
    background-position: center -732px
}

.i-flag.es::before {
    background-position: center -1116px
}

.input-suggestion .i-flag.es::before,
.footer .i-flag.es::before,
.calendar__events-list .i-flag.es::before {
    background-position: center -744px
}

.i-flag.et::before {
    background-position: center -1134px
}

.input-suggestion .i-flag.et::before,
.footer .i-flag.et::before,
.calendar__events-list .i-flag.et::before {
    background-position: center -756px
}

.i-flag.fi::before {
    background-position: center -1152px
}

.input-suggestion .i-flag.fi::before,
.footer .i-flag.fi::before,
.calendar__events-list .i-flag.fi::before {
    background-position: center -768px
}

.i-flag.fj::before {
    background-position: center -1170px
}

.input-suggestion .i-flag.fj::before,
.footer .i-flag.fj::before,
.calendar__events-list .i-flag.fj::before {
    background-position: center -780px
}

.i-flag.fk::before {
    background-position: center -1188px
}

.input-suggestion .i-flag.fk::before,
.footer .i-flag.fk::before,
.calendar__events-list .i-flag.fk::before {
    background-position: center -792px
}

.i-flag.fm::before {
    background-position: center -1206px
}

.input-suggestion .i-flag.fm::before,
.footer .i-flag.fm::before,
.calendar__events-list .i-flag.fm::before {
    background-position: center -804px
}

.i-flag.fo::before {
    background-position: center -1224px
}

.input-suggestion .i-flag.fo::before,
.footer .i-flag.fo::before,
.calendar__events-list .i-flag.fo::before {
    background-position: center -816px
}

.i-flag.fr::before {
    background-position: center -1242px
}

.input-suggestion .i-flag.fr::before,
.footer .i-flag.fr::before,
.calendar__events-list .i-flag.fr::before {
    background-position: center -828px
}

.i-flag.ga::before {
    background-position: center -1260px
}

.input-suggestion .i-flag.ga::before,
.footer .i-flag.ga::before,
.calendar__events-list .i-flag.ga::before {
    background-position: center -840px
}

.i-flag.gd::before {
    background-position: center -1278px
}

.input-suggestion .i-flag.gd::before,
.footer .i-flag.gd::before,
.calendar__events-list .i-flag.gd::before {
    background-position: center -852px
}

.i-flag.ge::before {
    background-position: center -1296px
}

.input-suggestion .i-flag.ge::before,
.footer .i-flag.ge::before,
.calendar__events-list .i-flag.ge::before {
    background-position: center -864px
}

.i-flag.gf::before {
    background-position: center -1314px
}

.input-suggestion .i-flag.gf::before,
.footer .i-flag.gf::before,
.calendar__events-list .i-flag.gf::before {
    background-position: center -876px
}

.i-flag.gg::before {
    background-position: center -1332px
}

.input-suggestion .i-flag.gg::before,
.footer .i-flag.gg::before,
.calendar__events-list .i-flag.gg::before {
    background-position: center -888px
}

.i-flag.gh::before {
    background-position: center -1350px
}

.input-suggestion .i-flag.gh::before,
.footer .i-flag.gh::before,
.calendar__events-list .i-flag.gh::before {
    background-position: center -900px
}

.i-flag.gi::before {
    background-position: center -1368px
}

.input-suggestion .i-flag.gi::before,
.footer .i-flag.gi::before,
.calendar__events-list .i-flag.gi::before {
    background-position: center -912px
}

.i-flag.gl::before {
    background-position: center -1386px
}

.input-suggestion .i-flag.gl::before,
.footer .i-flag.gl::before,
.calendar__events-list .i-flag.gl::before {
    background-position: center -924px
}

.i-flag.gm::before {
    background-position: center -1404px
}

.input-suggestion .i-flag.gm::before,
.footer .i-flag.gm::before,
.calendar__events-list .i-flag.gm::before {
    background-position: center -936px
}

.i-flag.gn::before {
    background-position: center -1422px
}

.input-suggestion .i-flag.gn::before,
.footer .i-flag.gn::before,
.calendar__events-list .i-flag.gn::before {
    background-position: center -948px
}

.i-flag.gp::before {
    background-position: center -1440px
}

.input-suggestion .i-flag.gp::before,
.footer .i-flag.gp::before,
.calendar__events-list .i-flag.gp::before {
    background-position: center -960px
}

.i-flag.gq::before {
    background-position: center -1458px
}

.input-suggestion .i-flag.gq::before,
.footer .i-flag.gq::before,
.calendar__events-list .i-flag.gq::before {
    background-position: center -972px
}

.i-flag.gr::before {
    background-position: center -1476px
}

.input-suggestion .i-flag.gr::before,
.footer .i-flag.gr::before,
.calendar__events-list .i-flag.gr::before {
    background-position: center -984px
}

.i-flag.gt::before {
    background-position: center -1494px
}

.input-suggestion .i-flag.gt::before,
.footer .i-flag.gt::before,
.calendar__events-list .i-flag.gt::before {
    background-position: center -996px
}

.i-flag.gu::before {
    background-position: center -1512px
}

.input-suggestion .i-flag.gu::before,
.footer .i-flag.gu::before,
.calendar__events-list .i-flag.gu::before {
    background-position: center -1008px
}

.i-flag.gw::before {
    background-position: center -1530px
}

.input-suggestion .i-flag.gw::before,
.footer .i-flag.gw::before,
.calendar__events-list .i-flag.gw::before {
    background-position: center -1020px
}

.i-flag.gy::before {
    background-position: center -1548px
}

.input-suggestion .i-flag.gy::before,
.footer .i-flag.gy::before,
.calendar__events-list .i-flag.gy::before {
    background-position: center -1032px
}

.i-flag.hk::before {
    background-position: center -1566px
}

.input-suggestion .i-flag.hk::before,
.footer .i-flag.hk::before,
.calendar__events-list .i-flag.hk::before {
    background-position: center -1044px
}

.i-flag.hn::before {
    background-position: center -1584px
}

.input-suggestion .i-flag.hn::before,
.footer .i-flag.hn::before,
.calendar__events-list .i-flag.hn::before {
    background-position: center -1056px
}

.i-flag.hr::before {
    background-position: center -1602px
}

.input-suggestion .i-flag.hr::before,
.footer .i-flag.hr::before,
.calendar__events-list .i-flag.hr::before {
    background-position: center -1068px
}

.i-flag.ht::before {
    background-position: center -1620px
}

.input-suggestion .i-flag.ht::before,
.footer .i-flag.ht::before,
.calendar__events-list .i-flag.ht::before {
    background-position: center -1080px
}

.i-flag.hu::before {
    background-position: center -1638px
}

.input-suggestion .i-flag.hu::before,
.footer .i-flag.hu::before,
.calendar__events-list .i-flag.hu::before {
    background-position: center -1092px
}

.i-flag.id::before {
    background-position: center -1656px
}

.input-suggestion .i-flag.id::before,
.footer .i-flag.id::before,
.calendar__events-list .i-flag.id::before {
    background-position: center -1104px
}

.i-flag.ie::before {
    background-position: center -1674px
}

.input-suggestion .i-flag.ie::before,
.footer .i-flag.ie::before,
.calendar__events-list .i-flag.ie::before {
    background-position: center -1116px
}

.i-flag.il::before {
    background-position: center -1692px
}

.input-suggestion .i-flag.il::before,
.footer .i-flag.il::before,
.calendar__events-list .i-flag.il::before {
    background-position: center -1128px
}

.i-flag.im::before {
    background-position: center -1710px
}

.input-suggestion .i-flag.im::before,
.footer .i-flag.im::before,
.calendar__events-list .i-flag.im::before {
    background-position: center -1140px
}

.i-flag.in::before {
    background-position: center -1728px
}

.input-suggestion .i-flag.in::before,
.footer .i-flag.in::before,
.calendar__events-list .i-flag.in::before {
    background-position: center -1152px
}

.i-flag.iq::before {
    background-position: center -1746px
}

.input-suggestion .i-flag.iq::before,
.footer .i-flag.iq::before,
.calendar__events-list .i-flag.iq::before {
    background-position: center -1164px
}

.i-flag.ir::before {
    background-position: center -1764px
}

.input-suggestion .i-flag.ir::before,
.footer .i-flag.ir::before,
.calendar__events-list .i-flag.ir::before {
    background-position: center -1176px
}

.i-flag.is::before {
    background-position: center -1782px
}

.input-suggestion .i-flag.is::before,
.footer .i-flag.is::before,
.calendar__events-list .i-flag.is::before {
    background-position: center -1188px
}

.i-flag.it::before {
    background-position: center -1800px
}

.input-suggestion .i-flag.it::before,
.footer .i-flag.it::before,
.calendar__events-list .i-flag.it::before {
    background-position: center -1200px
}

.i-flag.je::before {
    background-position: center -1818px
}

.input-suggestion .i-flag.je::before,
.footer .i-flag.je::before,
.calendar__events-list .i-flag.je::before {
    background-position: center -1212px
}

.i-flag.jm::before {
    background-position: center -1836px
}

.input-suggestion .i-flag.jm::before,
.footer .i-flag.jm::before,
.calendar__events-list .i-flag.jm::before {
    background-position: center -1224px
}

.i-flag.jo::before {
    background-position: center -1854px
}

.input-suggestion .i-flag.jo::before,
.footer .i-flag.jo::before,
.calendar__events-list .i-flag.jo::before {
    background-position: center -1236px
}

.i-flag.jp::before {
    background-position: center -1872px
}

.input-suggestion .i-flag.jp::before,
.footer .i-flag.jp::before,
.calendar__events-list .i-flag.jp::before {
    background-position: center -1248px
}

.i-flag.ke::before {
    background-position: center -1890px
}

.input-suggestion .i-flag.ke::before,
.footer .i-flag.ke::before,
.calendar__events-list .i-flag.ke::before {
    background-position: center -1260px
}

.i-flag.kg::before {
    background-position: center -1908px
}

.input-suggestion .i-flag.kg::before,
.footer .i-flag.kg::before,
.calendar__events-list .i-flag.kg::before {
    background-position: center -1272px
}

.i-flag.kh::before {
    background-position: center -1926px
}

.input-suggestion .i-flag.kh::before,
.footer .i-flag.kh::before,
.calendar__events-list .i-flag.kh::before {
    background-position: center -1284px
}

.i-flag.ki::before {
    background-position: center -1944px
}

.input-suggestion .i-flag.ki::before,
.footer .i-flag.ki::before,
.calendar__events-list .i-flag.ki::before {
    background-position: center -1296px
}

.i-flag.km::before {
    background-position: center -1962px
}

.input-suggestion .i-flag.km::before,
.footer .i-flag.km::before,
.calendar__events-list .i-flag.km::before {
    background-position: center -1308px
}

.i-flag.kn::before {
    background-position: center -1980px
}

.input-suggestion .i-flag.kn::before,
.footer .i-flag.kn::before,
.calendar__events-list .i-flag.kn::before {
    background-position: center -1320px
}

.i-flag.kp::before {
    background-position: center -1998px
}

.input-suggestion .i-flag.kp::before,
.footer .i-flag.kp::before,
.calendar__events-list .i-flag.kp::before {
    background-position: center -1332px
}

.i-flag.kr::before {
    background-position: center -2016px
}

.input-suggestion .i-flag.kr::before,
.footer .i-flag.kr::before,
.calendar__events-list .i-flag.kr::before {
    background-position: center -1344px
}

.i-flag.kw::before {
    background-position: center -2034px
}

.input-suggestion .i-flag.kw::before,
.footer .i-flag.kw::before,
.calendar__events-list .i-flag.kw::before {
    background-position: center -1356px
}

.i-flag.ky::before {
    background-position: center -2052px
}

.input-suggestion .i-flag.ky::before,
.footer .i-flag.ky::before,
.calendar__events-list .i-flag.ky::before {
    background-position: center -1368px
}

.i-flag.kz::before {
    background-position: center -2070px
}

.input-suggestion .i-flag.kz::before,
.footer .i-flag.kz::before,
.calendar__events-list .i-flag.kz::before {
    background-position: center -1380px
}

.i-flag.la::before {
    background-position: center -2088px
}

.input-suggestion .i-flag.la::before,
.footer .i-flag.la::before,
.calendar__events-list .i-flag.la::before {
    background-position: center -1392px
}

.i-flag.lb::before {
    background-position: center -2106px
}

.input-suggestion .i-flag.lb::before,
.footer .i-flag.lb::before,
.calendar__events-list .i-flag.lb::before {
    background-position: center -1404px
}

.i-flag.lc::before {
    background-position: center -2124px
}

.input-suggestion .i-flag.lc::before,
.footer .i-flag.lc::before,
.calendar__events-list .i-flag.lc::before {
    background-position: center -1416px
}

.i-flag.li::before {
    background-position: center -2142px
}

.input-suggestion .i-flag.li::before,
.footer .i-flag.li::before,
.calendar__events-list .i-flag.li::before {
    background-position: center -1428px
}

.i-flag.lk::before {
    background-position: center -2160px
}

.input-suggestion .i-flag.lk::before,
.footer .i-flag.lk::before,
.calendar__events-list .i-flag.lk::before {
    background-position: center -1440px
}

.i-flag.lr::before {
    background-position: center -2178px
}

.input-suggestion .i-flag.lr::before,
.footer .i-flag.lr::before,
.calendar__events-list .i-flag.lr::before {
    background-position: center -1452px
}

.i-flag.ls::before {
    background-position: center -2196px
}

.input-suggestion .i-flag.ls::before,
.footer .i-flag.ls::before,
.calendar__events-list .i-flag.ls::before {
    background-position: center -1464px
}

.i-flag.lt::before {
    background-position: center -2214px
}

.input-suggestion .i-flag.lt::before,
.footer .i-flag.lt::before,
.calendar__events-list .i-flag.lt::before {
    background-position: center -1476px
}

.i-flag.lu::before {
    background-position: center -2232px
}

.input-suggestion .i-flag.lu::before,
.footer .i-flag.lu::before,
.calendar__events-list .i-flag.lu::before {
    background-position: center -1488px
}

.i-flag.lv::before {
    background-position: center -2250px
}

.input-suggestion .i-flag.lv::before,
.footer .i-flag.lv::before,
.calendar__events-list .i-flag.lv::before {
    background-position: center -1500px
}

.i-flag.ly::before {
    background-position: center -2268px
}

.input-suggestion .i-flag.ly::before,
.footer .i-flag.ly::before,
.calendar__events-list .i-flag.ly::before {
    background-position: center -1512px
}

.i-flag.ma::before {
    background-position: center -2286px
}

.input-suggestion .i-flag.ma::before,
.footer .i-flag.ma::before,
.calendar__events-list .i-flag.ma::before {
    background-position: center -1524px
}

.i-flag.mc::before {
    background-position: center -2304px
}

.input-suggestion .i-flag.mc::before,
.footer .i-flag.mc::before,
.calendar__events-list .i-flag.mc::before {
    background-position: center -1536px
}

.i-flag.md::before {
    background-position: center -2322px
}

.input-suggestion .i-flag.md::before,
.footer .i-flag.md::before,
.calendar__events-list .i-flag.md::before {
    background-position: center -1548px
}

.i-flag.me::before {
    background-position: center -2340px
}

.input-suggestion .i-flag.me::before,
.footer .i-flag.me::before,
.calendar__events-list .i-flag.me::before {
    background-position: center -1560px
}

.i-flag.mf::before {
    background-position: center -2358px
}

.input-suggestion .i-flag.mf::before,
.footer .i-flag.mf::before,
.calendar__events-list .i-flag.mf::before {
    background-position: center -1572px
}

.i-flag.mg::before {
    background-position: center -2376px
}

.input-suggestion .i-flag.mg::before,
.footer .i-flag.mg::before,
.calendar__events-list .i-flag.mg::before {
    background-position: center -1584px
}

.i-flag.mh::before {
    background-position: center -2394px
}

.input-suggestion .i-flag.mh::before,
.footer .i-flag.mh::before,
.calendar__events-list .i-flag.mh::before {
    background-position: center -1596px
}

.i-flag.mk::before {
    background-position: center -2412px
}

.input-suggestion .i-flag.mk::before,
.footer .i-flag.mk::before,
.calendar__events-list .i-flag.mk::before {
    background-position: center -1608px
}

.i-flag.ml::before {
    background-position: center -2430px
}

.input-suggestion .i-flag.ml::before,
.footer .i-flag.ml::before,
.calendar__events-list .i-flag.ml::before {
    background-position: center -1620px
}

.i-flag.mm::before {
    background-position: center -2448px
}

.input-suggestion .i-flag.mm::before,
.footer .i-flag.mm::before,
.calendar__events-list .i-flag.mm::before {
    background-position: center -1632px
}

.i-flag.mn::before {
    background-position: center -2466px
}

.input-suggestion .i-flag.mn::before,
.footer .i-flag.mn::before,
.calendar__events-list .i-flag.mn::before {
    background-position: center -1644px
}

.i-flag.mp::before {
    background-position: center -2484px
}

.input-suggestion .i-flag.mp::before,
.footer .i-flag.mp::before,
.calendar__events-list .i-flag.mp::before {
    background-position: center -1656px
}

.i-flag.mq::before {
    background-position: center -2502px
}

.input-suggestion .i-flag.mq::before,
.footer .i-flag.mq::before,
.calendar__events-list .i-flag.mq::before {
    background-position: center -1668px
}

.i-flag.mr::before {
    background-position: center -2520px
}

.input-suggestion .i-flag.mr::before,
.footer .i-flag.mr::before,
.calendar__events-list .i-flag.mr::before {
    background-position: center -1680px
}

.i-flag.ms::before {
    background-position: center -2538px
}

.input-suggestion .i-flag.ms::before,
.footer .i-flag.ms::before,
.calendar__events-list .i-flag.ms::before {
    background-position: center -1692px
}

.i-flag.mt::before {
    background-position: center -2556px
}

.input-suggestion .i-flag.mt::before,
.footer .i-flag.mt::before,
.calendar__events-list .i-flag.mt::before {
    background-position: center -1704px
}

.i-flag.mu::before {
    background-position: center -2574px
}

.input-suggestion .i-flag.mu::before,
.footer .i-flag.mu::before,
.calendar__events-list .i-flag.mu::before {
    background-position: center -1716px
}

.i-flag.mv::before {
    background-position: center -2592px
}

.input-suggestion .i-flag.mv::before,
.footer .i-flag.mv::before,
.calendar__events-list .i-flag.mv::before {
    background-position: center -1728px
}

.i-flag.mw::before {
    background-position: center -2610px
}

.input-suggestion .i-flag.mw::before,
.footer .i-flag.mw::before,
.calendar__events-list .i-flag.mw::before {
    background-position: center -1740px
}

.i-flag.mx::before {
    background-position: center -2628px
}

.input-suggestion .i-flag.mx::before,
.footer .i-flag.mx::before,
.calendar__events-list .i-flag.mx::before {
    background-position: center -1752px
}

.i-flag.my::before {
    background-position: center -2646px
}

.input-suggestion .i-flag.my::before,
.footer .i-flag.my::before,
.calendar__events-list .i-flag.my::before {
    background-position: center -1764px
}

.i-flag.mz::before {
    background-position: center -2664px
}

.input-suggestion .i-flag.mz::before,
.footer .i-flag.mz::before,
.calendar__events-list .i-flag.mz::before {
    background-position: center -1776px
}

.i-flag.na::before {
    background-position: center -2682px
}

.input-suggestion .i-flag.na::before,
.footer .i-flag.na::before,
.calendar__events-list .i-flag.na::before {
    background-position: center -1788px
}

.i-flag.nc::before {
    background-position: center -2700px
}

.input-suggestion .i-flag.nc::before,
.footer .i-flag.nc::before,
.calendar__events-list .i-flag.nc::before {
    background-position: center -1800px
}

.i-flag.ne::before {
    background-position: center -2718px
}

.input-suggestion .i-flag.ne::before,
.footer .i-flag.ne::before,
.calendar__events-list .i-flag.ne::before {
    background-position: center -1812px
}

.i-flag.ng::before {
    background-position: center -2736px
}

.input-suggestion .i-flag.ng::before,
.footer .i-flag.ng::before,
.calendar__events-list .i-flag.ng::before {
    background-position: center -1824px
}

.i-flag.ni::before {
    background-position: center -2754px
}

.input-suggestion .i-flag.ni::before,
.footer .i-flag.ni::before,
.calendar__events-list .i-flag.ni::before {
    background-position: center -1836px
}

.i-flag.nl::before {
    background-position: center -2772px
}

.input-suggestion .i-flag.nl::before,
.footer .i-flag.nl::before,
.calendar__events-list .i-flag.nl::before {
    background-position: center -1848px
}

.i-flag.no::before {
    background-position: center -2790px
}

.input-suggestion .i-flag.no::before,
.footer .i-flag.no::before,
.calendar__events-list .i-flag.no::before {
    background-position: center -1860px
}

.i-flag.np::before {
    background-position: center -2808px
}

.input-suggestion .i-flag.np::before,
.footer .i-flag.np::before,
.calendar__events-list .i-flag.np::before {
    background-position: center -1872px
}

.i-flag.nr::before {
    background-position: center -2826px
}

.input-suggestion .i-flag.nr::before,
.footer .i-flag.nr::before,
.calendar__events-list .i-flag.nr::before {
    background-position: center -1884px
}

.i-flag.nz::before {
    background-position: center -2844px
}

.input-suggestion .i-flag.nz::before,
.footer .i-flag.nz::before,
.calendar__events-list .i-flag.nz::before {
    background-position: center -1896px
}

.i-flag.om::before {
    background-position: center -2862px
}

.input-suggestion .i-flag.om::before,
.footer .i-flag.om::before,
.calendar__events-list .i-flag.om::before {
    background-position: center -1908px
}

.i-flag.pa::before {
    background-position: center -2880px
}

.input-suggestion .i-flag.pa::before,
.footer .i-flag.pa::before,
.calendar__events-list .i-flag.pa::before {
    background-position: center -1920px
}

.i-flag.pe::before {
    background-position: center -2898px
}

.input-suggestion .i-flag.pe::before,
.footer .i-flag.pe::before,
.calendar__events-list .i-flag.pe::before {
    background-position: center -1932px
}

.i-flag.pf::before {
    background-position: center -2916px
}

.input-suggestion .i-flag.pf::before,
.footer .i-flag.pf::before,
.calendar__events-list .i-flag.pf::before {
    background-position: center -1944px
}

.i-flag.pg::before {
    background-position: center -2934px
}

.input-suggestion .i-flag.pg::before,
.footer .i-flag.pg::before,
.calendar__events-list .i-flag.pg::before {
    background-position: center -1956px
}

.i-flag.ph::before {
    background-position: center -2952px
}

.input-suggestion .i-flag.ph::before,
.footer .i-flag.ph::before,
.calendar__events-list .i-flag.ph::before {
    background-position: center -1968px
}

.i-flag.pk::before {
    background-position: center -2970px
}

.input-suggestion .i-flag.pk::before,
.footer .i-flag.pk::before,
.calendar__events-list .i-flag.pk::before {
    background-position: center -1980px
}

.i-flag.pl::before {
    background-position: center -2988px
}

.input-suggestion .i-flag.pl::before,
.footer .i-flag.pl::before,
.calendar__events-list .i-flag.pl::before {
    background-position: center -1992px
}

.i-flag.pm::before {
    background-position: center -3006px
}

.input-suggestion .i-flag.pm::before,
.footer .i-flag.pm::before,
.calendar__events-list .i-flag.pm::before {
    background-position: center -2004px
}

.i-flag.pr::before {
    background-position: center -3024px
}

.input-suggestion .i-flag.pr::before,
.footer .i-flag.pr::before,
.calendar__events-list .i-flag.pr::before {
    background-position: center -2016px
}

.i-flag.ps::before {
    background-position: center -3042px
}

.input-suggestion .i-flag.ps::before,
.footer .i-flag.ps::before,
.calendar__events-list .i-flag.ps::before {
    background-position: center -2028px
}

.i-flag.pt::before {
    background-position: center -3060px
}

.input-suggestion .i-flag.pt::before,
.footer .i-flag.pt::before,
.calendar__events-list .i-flag.pt::before {
    background-position: center -2040px
}

.i-flag.pw::before {
    background-position: center -3078px
}

.input-suggestion .i-flag.pw::before,
.footer .i-flag.pw::before,
.calendar__events-list .i-flag.pw::before {
    background-position: center -2052px
}

.i-flag.py::before {
    background-position: center -3096px
}

.input-suggestion .i-flag.py::before,
.footer .i-flag.py::before,
.calendar__events-list .i-flag.py::before {
    background-position: center -2064px
}

.i-flag.qa::before {
    background-position: center -3114px
}

.input-suggestion .i-flag.qa::before,
.footer .i-flag.qa::before,
.calendar__events-list .i-flag.qa::before {
    background-position: center -2076px
}

.i-flag.re::before {
    background-position: center -3132px
}

.input-suggestion .i-flag.re::before,
.footer .i-flag.re::before,
.calendar__events-list .i-flag.re::before {
    background-position: center -2088px
}

.i-flag.ro::before {
    background-position: center -3150px
}

.input-suggestion .i-flag.ro::before,
.footer .i-flag.ro::before,
.calendar__events-list .i-flag.ro::before {
    background-position: center -2100px
}

.i-flag.rs::before {
    background-position: center -3168px
}

.input-suggestion .i-flag.rs::before,
.footer .i-flag.rs::before,
.calendar__events-list .i-flag.rs::before {
    background-position: center -2112px
}

.i-flag.ru::before {
    background-position: center -3186px
}

.input-suggestion .i-flag.ru::before,
.footer .i-flag.ru::before,
.calendar__events-list .i-flag.ru::before {
    background-position: center -2124px
}

.i-flag.rw::before {
    background-position: center -3204px
}

.input-suggestion .i-flag.rw::before,
.footer .i-flag.rw::before,
.calendar__events-list .i-flag.rw::before {
    background-position: center -2136px
}

.i-flag.sa::before {
    background-position: center -3222px
}

.input-suggestion .i-flag.sa::before,
.footer .i-flag.sa::before,
.calendar__events-list .i-flag.sa::before {
    background-position: center -2148px
}

.i-flag.sb::before {
    background-position: center -3240px
}

.input-suggestion .i-flag.sb::before,
.footer .i-flag.sb::before,
.calendar__events-list .i-flag.sb::before {
    background-position: center -2160px
}

.i-flag.sc::before {
    background-position: center -3258px
}

.input-suggestion .i-flag.sc::before,
.footer .i-flag.sc::before,
.calendar__events-list .i-flag.sc::before {
    background-position: center -2172px
}

.i-flag.sd::before {
    background-position: center -3276px
}

.input-suggestion .i-flag.sd::before,
.footer .i-flag.sd::before,
.calendar__events-list .i-flag.sd::before {
    background-position: center -2184px
}

.i-flag.se::before {
    background-position: center -3294px
}

.input-suggestion .i-flag.se::before,
.footer .i-flag.se::before,
.calendar__events-list .i-flag.se::before {
    background-position: center -2196px
}

.i-flag.sg::before {
    background-position: center -3312px
}

.input-suggestion .i-flag.sg::before,
.footer .i-flag.sg::before,
.calendar__events-list .i-flag.sg::before {
    background-position: center -2208px
}

.i-flag.sh::before {
    background-position: center -3330px
}

.input-suggestion .i-flag.sh::before,
.footer .i-flag.sh::before,
.calendar__events-list .i-flag.sh::before {
    background-position: center -2220px
}

.i-flag.si::before {
    background-position: center -3348px
}

.input-suggestion .i-flag.si::before,
.footer .i-flag.si::before,
.calendar__events-list .i-flag.si::before {
    background-position: center -2232px
}

.i-flag.sk::before {
    background-position: center -3366px
}

.input-suggestion .i-flag.sk::before,
.footer .i-flag.sk::before,
.calendar__events-list .i-flag.sk::before {
    background-position: center -2244px
}

.i-flag.sl::before {
    background-position: center -3384px
}

.input-suggestion .i-flag.sl::before,
.footer .i-flag.sl::before,
.calendar__events-list .i-flag.sl::before {
    background-position: center -2256px
}

.i-flag.sm::before {
    background-position: center -3402px
}

.input-suggestion .i-flag.sm::before,
.footer .i-flag.sm::before,
.calendar__events-list .i-flag.sm::before {
    background-position: center -2268px
}

.i-flag.sn::before {
    background-position: center -3420px
}

.input-suggestion .i-flag.sn::before,
.footer .i-flag.sn::before,
.calendar__events-list .i-flag.sn::before {
    background-position: center -2280px
}

.i-flag.so::before {
    background-position: center -3438px
}

.input-suggestion .i-flag.so::before,
.footer .i-flag.so::before,
.calendar__events-list .i-flag.so::before {
    background-position: center -2292px
}

.i-flag.sr::before {
    background-position: center -3456px
}

.input-suggestion .i-flag.sr::before,
.footer .i-flag.sr::before,
.calendar__events-list .i-flag.sr::before {
    background-position: center -2304px
}

.i-flag.ss::before {
    background-position: center -3474px
}

.input-suggestion .i-flag.ss::before,
.footer .i-flag.ss::before,
.calendar__events-list .i-flag.ss::before {
    background-position: center -2316px
}

.i-flag.st::before {
    background-position: center -3492px
}

.input-suggestion .i-flag.st::before,
.footer .i-flag.st::before,
.calendar__events-list .i-flag.st::before {
    background-position: center -2328px
}

.i-flag.sv::before {
    background-position: center -3510px
}

.input-suggestion .i-flag.sv::before,
.footer .i-flag.sv::before,
.calendar__events-list .i-flag.sv::before {
    background-position: center -2340px
}

.i-flag.sx::before {
    background-position: center -3528px
}

.input-suggestion .i-flag.sx::before,
.footer .i-flag.sx::before,
.calendar__events-list .i-flag.sx::before {
    background-position: center -2352px
}

.i-flag.sy::before {
    background-position: center -3546px
}

.input-suggestion .i-flag.sy::before,
.footer .i-flag.sy::before,
.calendar__events-list .i-flag.sy::before {
    background-position: center -2364px
}

.i-flag.sz::before {
    background-position: center -3564px
}

.input-suggestion .i-flag.sz::before,
.footer .i-flag.sz::before,
.calendar__events-list .i-flag.sz::before {
    background-position: center -2376px
}

.i-flag.tc::before {
    background-position: center -3582px
}

.input-suggestion .i-flag.tc::before,
.footer .i-flag.tc::before,
.calendar__events-list .i-flag.tc::before {
    background-position: center -2388px
}

.i-flag.td::before {
    background-position: center -3600px
}

.input-suggestion .i-flag.td::before,
.footer .i-flag.td::before,
.calendar__events-list .i-flag.td::before {
    background-position: center -2400px
}

.i-flag.tg::before {
    background-position: center -3618px
}

.input-suggestion .i-flag.tg::before,
.footer .i-flag.tg::before,
.calendar__events-list .i-flag.tg::before {
    background-position: center -2412px
}

.i-flag.th::before {
    background-position: center -3636px
}

.input-suggestion .i-flag.th::before,
.footer .i-flag.th::before,
.calendar__events-list .i-flag.th::before {
    background-position: center -2424px
}

.i-flag.tj::before {
    background-position: center -3654px
}

.input-suggestion .i-flag.tj::before,
.footer .i-flag.tj::before,
.calendar__events-list .i-flag.tj::before {
    background-position: center -2436px
}

.i-flag.tk::before {
    background-position: center -3672px
}

.input-suggestion .i-flag.tk::before,
.footer .i-flag.tk::before,
.calendar__events-list .i-flag.tk::before {
    background-position: center -2448px
}

.i-flag.tl::before {
    background-position: center -3690px
}

.input-suggestion .i-flag.tl::before,
.footer .i-flag.tl::before,
.calendar__events-list .i-flag.tl::before {
    background-position: center -2460px
}

.i-flag.tm::before {
    background-position: center -3708px
}

.input-suggestion .i-flag.tm::before,
.footer .i-flag.tm::before,
.calendar__events-list .i-flag.tm::before {
    background-position: center -2472px
}

.i-flag.tn::before {
    background-position: center -3726px
}

.input-suggestion .i-flag.tn::before,
.footer .i-flag.tn::before,
.calendar__events-list .i-flag.tn::before {
    background-position: center -2484px
}

.i-flag.to::before {
    background-position: center -3744px
}

.input-suggestion .i-flag.to::before,
.footer .i-flag.to::before,
.calendar__events-list .i-flag.to::before {
    background-position: center -2496px
}

.i-flag.tr::before {
    background-position: center -3762px
}

.input-suggestion .i-flag.tr::before,
.footer .i-flag.tr::before,
.calendar__events-list .i-flag.tr::before {
    background-position: center -2508px
}

.i-flag.tt::before {
    background-position: center -3780px
}

.input-suggestion .i-flag.tt::before,
.footer .i-flag.tt::before,
.calendar__events-list .i-flag.tt::before {
    background-position: center -2520px
}

.i-flag.tv::before {
    background-position: center -3798px
}

.input-suggestion .i-flag.tv::before,
.footer .i-flag.tv::before,
.calendar__events-list .i-flag.tv::before {
    background-position: center -2532px
}

.i-flag.tw::before {
    background-position: center -3816px
}

.input-suggestion .i-flag.tw::before,
.footer .i-flag.tw::before,
.calendar__events-list .i-flag.tw::before {
    background-position: center -2544px
}

.i-flag.tz::before {
    background-position: center -3834px
}

.input-suggestion .i-flag.tz::before,
.footer .i-flag.tz::before,
.calendar__events-list .i-flag.tz::before {
    background-position: center -2556px
}

.i-flag.ua::before {
    background-position: center -3852px
}

.input-suggestion .i-flag.ua::before,
.footer .i-flag.ua::before,
.calendar__events-list .i-flag.ua::before {
    background-position: center -2568px
}

.i-flag.ug::before {
    background-position: center -3870px
}

.input-suggestion .i-flag.ug::before,
.footer .i-flag.ug::before,
.calendar__events-list .i-flag.ug::before {
    background-position: center -2580px
}

.i-flag.uk::before {
    background-position: center -3888px
}

.input-suggestion .i-flag.uk::before,
.footer .i-flag.uk::before,
.calendar__events-list .i-flag.uk::before {
    background-position: center -2592px
}

.i-flag.us::before {
    background-position: center -3906px
}

.input-suggestion .i-flag.us::before,
.footer .i-flag.us::before,
.calendar__events-list .i-flag.us::before {
    background-position: center -2604px
}

.i-flag.uy::before {
    background-position: center -3924px
}

.input-suggestion .i-flag.uy::before,
.footer .i-flag.uy::before,
.calendar__events-list .i-flag.uy::before {
    background-position: center -2616px
}

.i-flag.uz::before {
    background-position: center -3942px
}

.input-suggestion .i-flag.uz::before,
.footer .i-flag.uz::before,
.calendar__events-list .i-flag.uz::before {
    background-position: center -2628px
}

.i-flag.va::before {
    background-position: center -3960px
}

.input-suggestion .i-flag.va::before,
.footer .i-flag.va::before,
.calendar__events-list .i-flag.va::before {
    background-position: center -2640px
}

.i-flag.vc::before {
    background-position: center -3978px
}

.input-suggestion .i-flag.vc::before,
.footer .i-flag.vc::before,
.calendar__events-list .i-flag.vc::before {
    background-position: center -2652px
}

.i-flag.ve::before {
    background-position: center -3996px
}

.input-suggestion .i-flag.ve::before,
.footer .i-flag.ve::before,
.calendar__events-list .i-flag.ve::before {
    background-position: center -2664px
}

.i-flag.vg::before {
    background-position: center -4014px
}

.input-suggestion .i-flag.vg::before,
.footer .i-flag.vg::before,
.calendar__events-list .i-flag.vg::before {
    background-position: center -2676px
}

.i-flag.vi::before {
    background-position: center -4032px
}

.input-suggestion .i-flag.vi::before,
.footer .i-flag.vi::before,
.calendar__events-list .i-flag.vi::before {
    background-position: center -2688px
}

.i-flag.vn::before {
    background-position: center -4050px
}

.input-suggestion .i-flag.vn::before,
.footer .i-flag.vn::before,
.calendar__events-list .i-flag.vn::before {
    background-position: center -2700px
}

.i-flag.vu::before {
    background-position: center -4068px
}

.input-suggestion .i-flag.vu::before,
.footer .i-flag.vu::before,
.calendar__events-list .i-flag.vu::before {
    background-position: center -2712px
}

.i-flag.wf::before {
    background-position: center -4086px
}

.input-suggestion .i-flag.wf::before,
.footer .i-flag.wf::before,
.calendar__events-list .i-flag.wf::before {
    background-position: center -2724px
}

.i-flag.ws::before {
    background-position: center -4104px
}

.input-suggestion .i-flag.ws::before,
.footer .i-flag.ws::before,
.calendar__events-list .i-flag.ws::before {
    background-position: center -2736px
}

.i-flag.ww::before {
    background-position: center -4122px
}

.input-suggestion .i-flag.ww::before,
.footer .i-flag.ww::before,
.calendar__events-list .i-flag.ww::before {
    background-position: center -2748px
}

.i-flag.xk::before {
    background-position: center -4140px
}

.input-suggestion .i-flag.xk::before,
.footer .i-flag.xk::before,
.calendar__events-list .i-flag.xk::before {
    background-position: center -2760px
}

.i-flag.ye::before {
    background-position: center -4158px
}

.input-suggestion .i-flag.ye::before,
.footer .i-flag.ye::before,
.calendar__events-list .i-flag.ye::before {
    background-position: center -2772px
}

.i-flag.yt::before {
    background-position: center -4176px
}

.input-suggestion .i-flag.yt::before,
.footer .i-flag.yt::before,
.calendar__events-list .i-flag.yt::before {
    background-position: center -2784px
}

.i-flag.za::before {
    background-position: center -4194px
}

.input-suggestion .i-flag.za::before,
.footer .i-flag.za::before,
.calendar__events-list .i-flag.za::before {
    background-position: center -2796px
}

.i-flag.zm::before {
    background-position: center -4212px
}

.input-suggestion .i-flag.zm::before,
.footer .i-flag.zm::before,
.calendar__events-list .i-flag.zm::before {
    background-position: center -2808px
}

.i-flag.zw::before {
    background-position: center -4230px
}

.input-suggestion .i-flag.zw::before,
.footer .i-flag.zw::before,
.calendar__events-list .i-flag.zw::before {
    background-position: center -2820px
}

.i-flag.mo::before {
    background-position: center -4248px
}

.input-suggestion .i-flag.mo::before,
.footer .i-flag.mo::before,
.calendar__events-list .i-flag.mo::before {
    background-position: center -2832px
}

[class='i-flag']::before {
    background: #fff
}

.modal .i-close,
.modal--cookies .i-close,
.modal--cookies-settings .i-close {
    right: 14px;
    top: 14px
}

.alert .i-close {
    right: 11px;
    top: 7px
}

.modal .i-close,
.alert .i-close,
.modal--cookies .i-close,
.modal--cookies-settings .i-close {
    display: inline-block;
    position: absolute;
    z-index: 1;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.i-fb,
.i-apple,
.i-google,
.i-tw,
.i-link,
.i-inst,
.i-vk,
.i-yandex,
.i-mailru,
.i-yahoo,
.i-telegram {
    display: inline-block;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

    .i-fb:hover,
    .i-apple:hover,
    .i-google:hover,
    .i-tw:hover,
    .i-link:hover,
    .i-inst:hover,
    .i-vk:hover,
    .i-yandex:hover,
    .i-mailru:hover,
    .i-yahoo:hover,
    .i-telegram:hover {
        text-decoration: none
    }

.i-fb {
    color: #3b5998
}

    .i-fb::before {
        content: "\e903";
        color: #3b5998
    }

    .i-fb::before {
        background-color: #fff;
        border-radius: 50%
    }

    .i-fb:hover,
    .i-fb:active,
    .i-fb:focus {
        color: #3b5998
    }

.i-inst {
    color: #cf3b71
}

    .i-inst::before {
        content: '\e905';
        color: #fff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHJhZGlhbEdyYWRpZW50IGlkPSJTVkdJRF8xXyIgY3g9IjE0OC44MDY4IiBjeT0iNTA5LjY3NjgiIHI9IjUxNi4xNTM4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEuMDAyMSAwIDApIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRDY3NiIvPjxzdG9wICBvZmZzZXQ9IjAuMjQ2MyIgc3R5bGU9InN0b3AtY29sb3I6I0YyQTQ1NCIvPjxzdG9wICBvZmZzZXQ9IjAuMzc5MyIgc3R5bGU9InN0b3AtY29sb3I6I0YwNUMzQyIvPjxzdG9wICBvZmZzZXQ9IjAuNjk5NSIgc3R5bGU9InN0b3AtY29sb3I6I0MyMkY4NiIvPjxzdG9wICBvZmZzZXQ9IjAuOTU2OCIgc3R5bGU9InN0b3AtY29sb3I6IzY2NjZBRCIvPjxzdG9wICBvZmZzZXQ9IjAuOTg1MiIgc3R5bGU9InN0b3AtY29sb3I6IzVDNkNCMiIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgZmlsbD0idXJsKCNTVkdJRF8xXykiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIi8+PC9zdmc+) no-repeat 50%;
        background-size: cover;
        border-radius: 50%
    }

    .i-inst:hover,
    .i-inst:active,
    .i-inst:focus {
        color: #cf3b71
    }

.i-tw {
    color: #00abf1
}

    .i-tw::before {
        content: "\e904";
        color: #00abf1
    }

    .i-tw::before {
        background-color: #fff;
        border-radius: 50%
    }

    .i-tw:hover,
    .i-tw:active,
    .i-tw:focus {
        color: #00abf1
    }

.i-telegram {
    color: #00abf1
}

    .i-telegram::before {
        content: "\e940";
        color: #00abf1
    }

    .i-telegram::before {
        background-color: #fff;
        border-radius: 50%
    }

    .i-telegram:hover,
    .i-telegram:active,
    .i-telegram:focus {
        color: #00abf1
    }

.i-vk::before {
    content: "B";
    font-family: Montserrat,sans-serif
}

.i-yandex::before {
    content: "Я";
    font-family: Helvetica,Trebuchet,sans-serif;
    font-weight: 200
}

.i-yahoo::before {
    content: "Y!";
    font-family: Montserrat,sans-serif;
    font-style: italic
}

.i-mailru::before {
    content: "@";
    font-family: Montserrat,sans-serif
}

.footer__social {
    line-height: 32px
}

    .footer__social .i-fb,
    .footer__social .i-tw,
    .footer__social .i-inst {
        vertical-align: middle;
        margin: 0 7px
    }

        .footer__social .i-fb::before,
        .footer__social .i-tw::before,
        .footer__social .i-inst::before {
            display: inline-block;
            vertical-align: middle;
            min-width: 24px;
            font: 32px/32px 'dayspedia-icons.v31';
            text-decoration: none;
            -webkit-transition: .15s;
            -moz-transition: .15s;
            -o-transition: .15s;
            transition: .15s
        }

        .footer__social .i-fb:hover,
        .footer__social .i-tw:hover,
        .footer__social .i-inst:hover {
            -webkit-transform: scale(1.15);
            -ms-transform: scale(1.15);
            -o-transform: scale(1.15);
            -webkit-transform: scale(1.15);
            -ms-transform: scale(1.15);
            -o-transform: scale(1.15);
            transform: scale(1.15)
        }

.i-puzzlegarage::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%230955B0' d='M48,28.63c-8.81,0.41-16.09,0.6-23.54,1.33c0.94-0.1,1.69-0.22,2.49-0.38c2.08-0.55,4.16-1.32,6.01-2.3h0.06 c1.28-0.7,2.38-1.63,3.31-2.87c0.54-0.7,1.02-1.51,1.44-2.37c1.05-2.36,1.52-5.06,1-8.05c-0.9-5.51-4.59-9.54-10.75-9.76h-0.06 l-1.54,0.08c-0.51,0.11-1.02,0.11-1.53,0.18c-1.36,0.17-2.72,0.45-11.76,2.3C12.58,6.9,12.04,7.22,12,7.76l-0.08,23.94 C8.19,32.24,4.36,32.89,0,33.67V0h48V28.63z M28.35,13.42c-0.52-0.48-1.36-0.97-2.36-0.78l-4.46,0.89l-0.23,8.58 c0.51-0.06,2.1-0.28,2.72-0.45c1.4-0.3,2.98-1.04,4.13-2.02c0.72-0.6,1.14-1.35,1.33-2.26C29.62,16.3,29.38,14.37,28.35,13.42z'/%3E%3Cpath fill='%23EB002E' d='M30.01,34.69v5.89c0.04,0.89-0.52,1.49-1.47,1.49h-9.18c-0.88,0.01-1.45-0.65-1.49-1.41v-4.03 C11.92,37.72,6.08,39.09,0,40.88V48h48V32.64C41.92,33.29,36,33.87,30.01,34.69z'/%3E%3C/svg%3E%0A") no-repeat 50%
}

.i-mahjongchest::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%2300B588' d='M39.94,18.37c-2.25,0.94-3.75,3.19-3.75,5.63c0.19,6.38,7.69,7.69,11.81,4.13V24v-4.31 C45.94,18.18,42.38,17.43,39.94,18.37z'/%3E%3Cpath fill='%23FE8300' d='M33,36v3h-9V25.95l-7.5,9.86L9,25.95V39H0v9h48v-9.93C42.94,39.76,37.13,39.2,33,36z'/%3E%3Cpath fill='%23FFC800' d='M31.35,13.13c-1.44,1.31-2.68,2.81-3.51,4.69s-1.24,3.94-1.24,6.19s0.41,4.31,1.24,6.19s2.06,3.38,3.51,4.69 c0.21,0.19,1.24,0.83,1.65,1.13V24V12C32.65,12.14,31.56,12.94,31.35,13.13z'/%3E%3Cpath fill='%2306607A' d='M0,0v9h7.84l8.66,12l8.46-12H33v3c4.13-3.19,9.94-3.75,15-2.06V0H0z'/%3E%3C/svg%3E%0A") no-repeat 50%
}

.i-sudoku::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect fill='%23343434' width='23' height='23'/%3E%3Cpath fill='%23FFFFFF' d='M12,12h4v4h-4V12z M2,11h4V7H2V11z M2,6h4V2H2V6z M2,21h4v-4H2V21z M17,2v4h4V2H17z M17,16h4v-4h-4V16z M17,21h4v-4h-4V21z M12,2v4h4V2H12z'/%3E%3Cpath fill='%234596FF' d='M7,7h4v4H7V7z M7,6h4V2H7V6z M7,16h4v-4H7V16z M7,21h4v-4H7V21z M12,21h4v-4h-4V21z M12,11h4V7h-4V11z'/%3E%3C/svg%3E%0A") no-repeat 50%
}

.i-colorsbattle::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFD554' d='M24,43.2c-2.6,0-5.1-0.5-7.5-1.5c-2.3-1-4.3-2.4-6.1-4.1c-1.8-1.8-3.1-3.8-4.1-6.1c-1-2.4-1.5-4.9-1.5-7.5 s0.5-5.1,1.5-7.5c1-2.3,2.4-4.3,4.1-6.1c1.8-1.8,3.8-3.1,6.1-4.1c2.4-1,4.9-1.5,7.5-1.5s5.1,0.5,7.5,1.5c2.3,1,4.3,2.4,6.1,4.1 c1.8,1.8,3.1,3.8,4.1,6.1c1,2.4,1.5,4.9,1.5,7.5H48C48,10.7,37.3,0,24,0S0,10.7,0,24s10.7,24,24,24V43.2z'/%3E%3Cpath fill='%23FF6172' d='M34.2,34.2L34.2,34.2c-2.7,2.7-6.3,4.2-10.2,4.2s-7.5-1.5-10.2-4.2c-2.7-2.7-4.2-6.3-4.2-10.2 c0-3.8,1.5-7.5,4.2-10.2c2.7-2.7,6.3-4.2,10.2-4.2s7.5,1.5,10.2,4.2l3.4-3.4C34.1,6.9,29.3,4.8,24,4.8C13.4,4.8,4.8,13.4,4.8,24 c0,10.6,8.6,19.2,19.2,19.2c5.3,0,10.1-2.1,13.6-5.6L34.2,34.2z'/%3E%3Cpath fill='%23C43197' d='M33.6,24c0,2.5-1,4.9-2.8,6.7c-1.8,1.8-4.2,2.8-6.8,2.8s-5-1-6.8-2.8c-1.8-1.8-2.8-4.2-2.8-6.8 c0-2.6,1-5,2.8-6.8s4.2-2.8,6.8-2.8c0,0,0,0,0,0V9.6c-3.7,0-7.4,1.4-10.2,4.2c-5.6,5.6-5.6,14.7,0,20.4c5.6,5.6,14.7,5.6,20.4,0 c2.8-2.8,4.2-6.5,4.2-10.1H33.6z'/%3E%3Cpath fill='%2300d8ff' d='M27.4,27.4c-0.9,0.9-2.1,1.4-3.4,1.4c-2.6,0-4.8-2.2-4.8-4.8s2.2-4.8,4.8-4.8c1.3,0,2.5,0.5,3.4,1.4l3.4-3.4 c-1.7-1.7-4.1-2.8-6.8-2.8c-5.3,0-9.6,4.3-9.6,9.6s4.3,9.6,9.6,9.6c2.7,0,5.1-1.1,6.8-2.8L27.4,27.4z'/%3E%3C/svg%3E") no-repeat 50%
}

.i-solitaire::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%233289D8' d='M22.89,39.92C16.89,35.74,8,26.54,8,20.11c0-4.04,2.63-8.4,8.4-8.4c2.97,0,5.51,1.21,7.6,3.62V0H8 C3.6,0,0,3.6,0,8v32c0,4.4,3.6,8,8,8h16v-7.31L22.89,39.92z'/%3E%3Cpath fill='%232970B0' d='M40,0H24v15.33c0,0,0.01,0.01,0.01,0.01c2.52-2.93,5.42-3.63,7.58-3.63c5.77,0,8.4,4.33,8.4,8.35 c0,6.43-8.85,15.64-14.83,19.85l-1.14,0.8L24,40.69V48h16c4.4,0,8-3.6,8-8V8C48,3.6,44.4,0,40,0z'/%3E%3Cpath fill='%23C21239' d='M31.6,14c-3.76,0-6.09,2.4-7.57,4.99c-0.01-0.01-0.02-0.03-0.03-0.04v19.03c0.01,0.01,0.02,0.01,0.03,0.02 C29.74,34.06,38,25.57,38,20.19C38,17.17,36.09,14,31.6,14z'/%3E%3Cpath fill='%23F51648' d='M16.4,14c-4.5,0-6.4,3.17-6.4,6.24c0,5.32,8.23,13.8,14,17.74V18.95C22.47,16.37,20.14,14,16.4,14z'/%3E%3C/svg%3E") no-repeat 50%
}

.i-minesweeperquest::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect fill='%23FF1919' width='48' height='48'/%3E%3Cpath d='M27.13,23.84c-0.01,0.85-0.04,1-0.35,1.63c-0.42,0.84-1.21,1.58-1.98,1.87c-1.34,0.5-3.48,0.08-4.6-0.87 c-1.71-1.49-1.64-4.67,0.12-6.06c0.59-0.46,0.8-0.55,1.98-0.83c1.13-0.27,1.76-0.29,2.42-0.08C26.22,19.97,27.14,21.63,27.13,23.84z M46.95,20.73c0.37,0,0.71,0,1.05,0v7.88c-1.2-0.02-2.94,0-3.24,0.04c-0.54,0.09-2.04,0.06-2.31-0.05 c-0.23-0.09-0.28-0.08-0.28,0.07c0,0.1-0.02,0.24-0.03,0.33c-0.02,0.08-0.06,0.42-0.1,0.76c-0.09,0.88-0.41,2.12-0.75,2.96 c-0.79,1.88-2.02,3.14-3.78,3.85c-0.45,0.18-0.79,0.34-0.75,0.38c0.13,0.13-0.56,1.29-1.1,1.83c-0.46,0.48-0.58,0.65-0.52,0.82 c0.12,0.41,1.42,3.82,1.66,4.38c0.31,0.72,1.51,3.59,1.58,3.81c0.03,0.08,0.05,0.14,0.06,0.21H29.9c-0.26-0.63-0.51-1.24-0.67-1.68 c-0.16-0.39-0.31-0.8-0.37-0.91c-0.12-0.24-1-2.71-1-2.77c0-0.02-0.1-0.01-0.23,0.02c-0.85,0.23-2.5,0.36-4.09,0.32 c-0.94-0.02-1.84-0.07-1.98-0.1c-0.15-0.02-0.39-0.07-0.56-0.1c-0.92-0.14-1.22-0.22-2.28-0.52c-0.64-0.19-1.5-0.47-1.91-0.65 l-0.73-0.3l-0.16,0.33c-0.15,0.3-0.59,0.94-1.66,2.43c-0.98,1.37-1.53,2.23-1.48,2.3c0.08,0.13-0.23,1.18-0.48,1.63H5.42 c-0.39-0.68-0.63-1.49-0.63-2.38C4.78,44.49,5,43.77,5.77,42.43c0.12-0.22,3.42-4.92,3.49-4.99c0.04-0.04,0.16-0.17,0.3-0.31 c0.19-0.23,0.21-0.29,0.1-0.41c-0.51-0.53-1.81-2.31-1.81-2.47c0-0.04-0.09-0.17-0.21-0.29c-0.3-0.33-1.33-1.84-1.79-2.65 c-0.71-1.28-1.76-3.97-1.76-4.57c0-0.09-0.03-0.16-0.07-0.16c-0.09,0-1.18-0.17-1.51-0.24c-0.12-0.02-0.38-0.07-0.56-0.11 c-0.19-0.03-0.78-0.12-1.31-0.21C0.42,25.97,0.2,25.93,0,25.9v-7.99c0.59,0.1,1.03,0.18,1.14,0.19c0.18,0.03,0.44,0.08,0.56,0.1 c0.11,0.02,0.49,0.09,0.82,0.14c0.34,0.05,0.7,0.12,0.81,0.14c1,0.19,1.06,0.19,1.16-0.06c1.33-3.36,2.44-5.06,4.77-7.39 c1.3-1.29,1.69-1.62,2.63-2.31l0.63-0.46l-0.62-0.7c-0.36-0.4-0.81-0.92-1.03-1.19c-0.21-0.25-0.47-0.57-0.58-0.68 C9.12,4.31,6.83,1.26,6.56,0.72C6.43,0.49,6.34,0.25,6.27,0h9.57c0.17,0.2,0.43,0.52,0.69,0.83c0.38,0.45,0.84,1.01,1.04,1.23 c1.13,1.27,1.63,2.07,1.65,2.64c0,0.31,0.07,0.33,0.64,0.18c1.61-0.43,2.86-0.58,4.79-0.59c1.07-0.01,2.2,0.02,2.54,0.07 c0.93,0.11,2.59,0.54,3.65,0.94c0.53,0.19,0.97,0.35,0.99,0.35s0.04-0.08,0.05-0.19c0.04-0.46,0.26-1.04,0.59-1.52 c0.18-0.28,1.42-1.87,2.73-3.5c0.12-0.15,0.23-0.29,0.35-0.43h8.69c0,0.08,0,0.17,0,0.27c0,0.76-0.05,1.08-0.23,1.51 c-0.18,0.44-0.65,1.18-0.92,1.43c-0.03,0.03-0.18,0.23-0.35,0.45c-0.17,0.22-0.4,0.52-0.52,0.66c-0.12,0.14-0.46,0.55-0.74,0.91 c-0.3,0.37-0.58,0.73-0.65,0.81c-0.07,0.08-0.56,0.7-1.09,1.37c-0.52,0.67-1.03,1.29-1.13,1.38c-0.21,0.21-1.01,0.75-1.24,0.83 c-0.16,0.06-0.11,0.16,0.37,0.75c0.69,0.87,1.08,1.44,1.67,2.49c1.03,1.81,1.31,2.49,1.55,3.92c0.11,0.65,0.22,1.3,0.26,1.44 c0.1,0.49,0.13,0.66,0.3,1.81c0.17,1.1,0.19,1.15,0.4,1.08C42.93,20.8,43.97,20.73,46.95,20.73z M35.31,25.25 c-0.02-3.17-1.18-6.17-3.49-9.07c-0.64-0.82-1.89-2.1-2.6-2.69c-0.68-0.55-2.31-1.62-2.91-1.89c-1.42-0.66-3.97-0.45-6.13,0.51 c-0.44,0.2-1.04,0.42-1.32,0.5c-1.13,0.31-2.64,1.08-3.45,1.77c-1.62,1.37-2.98,3.44-3.79,5.84c-0.45,1.32-0.75,2.74-0.68,3.18 c0.03,0.2,0.08,0.54,0.11,0.73c0.15,1.09,1.07,3.19,2.14,4.92c0.12,0.19,0.81,1.45,1.53,2.8c1.41,2.62,4.32,4.22,8.45,4.65 c0.84,0.09,4.24,0.08,4.99-0.01c1.14-0.14,3.76-2.42,5.15-4.47C34.77,29.89,35.33,28,35.31,25.25z'/%3E%3C/svg%3E%0A") no-repeat 50%
}

.i-reversibattle::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23313131' d='M22,37c0,6.08-4.92,11-11,11S0,43.08,0,37s4.92-11,11-11S22,30.92,22,37z M37,0c-6.08,0-11,4.92-11,11 s4.92,11,11,11c6.07,0,11-4.92,11-11S43.08,0,37,0z'/%3E%3Cpath fill='%2304AF84' d='M11,0C4.92,0,0,4.92,0,11s4.92,11,11,11s11-4.92,11-11S17.08,0,11,0z M11,15.53c-2.5,0-4.53-2.03-4.53-4.53 S8.5,6.47,11,6.47S15.53,8.5,15.53,11S13.5,15.53,11,15.53z M37,26c-6.08,0-11,4.92-11,11s4.92,11,11,11c6.07,0,11-4.92,11-11 S43.08,26,37,26z M37,41.53c-2.5,0-4.53-2.03-4.53-4.53s2.03-4.53,4.53-4.53s4.53,2.03,4.53,4.53S39.5,41.53,37,41.53z'/%3E%3C/svg%3E%0A") no-repeat 50%
}

.i-backgammon::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='0' y='0' fill='%23CC4488' width='48' height='48'/%3E%3Cpath fill='%23FFFFFF' d='M24.35,44.99L5.65,34.19C2.2,32.2,1.02,27.8,3.01,24.35l10.8-18.71c1.99-3.44,6.39-4.62,9.84-2.64 l18.71,10.8c3.44,1.99,4.62,6.39,2.64,9.84l-10.8,18.71C32.2,45.8,27.8,46.98,24.35,44.99z'/%3E%3Cpath fill='%23313131' d='M27.12,25.8c-0.99,1.72-3.2,2.31-4.92,1.32s-2.31-3.2-1.32-4.92s3.2-2.31,4.92-1.32S28.11,24.08,27.12,25.8z M29.53,34.8c-1.72-0.99-3.92-0.4-4.92,1.32c-0.99,1.72-0.4,3.92,1.32,4.92c1.72,0.99,3.92,0.4,4.92-1.32 C31.84,38,31.25,35.79,29.53,34.8z M39.72,17.15c-1.72-0.99-3.92-0.4-4.92,1.32c-0.99,1.72-0.4,3.92,1.32,4.92 c1.72,0.99,3.92,0.4,4.92-1.32C42.03,20.35,41.44,18.15,39.72,17.15z M11.88,24.61c-1.72-0.99-3.92-0.4-4.92,1.32 s-0.4,3.92,1.32,4.92s3.92,0.4,4.92-1.32S13.6,25.61,11.88,24.61z M22.07,6.96c-1.72-0.99-3.92-0.4-4.92,1.32s-0.4,3.92,1.32,4.92 s3.92,0.4,4.92-1.32S23.79,7.96,22.07,6.96z'/%3E%3C/svg%3E") no-repeat 50%
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal-open {
    overflow: hidden
}

@media screen and (min-width:784px) {
    .modal-open::before,
    .modal-open::after,
    .modal-open header,
    .modal-open .wrapper,
    .modal-open footer,
    .modal-open .alert--cookies {
        -webkit-filter: blur(4px);
        filter: blur(4px)
    }
}

@media screen and (min-width:1148px) {
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }
}

.modal {
    z-index: 1050
}

.modal__heading {
    font-size: 1.719em
}

@media screen and (max-width:783px) {
    .modal__heading {
        font-size: 1.469em
    }
}

.modal-backdrop,
.modal--cookies-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1049;
    background-color: #f3f3f3
}

    .modal-backdrop.fade,
    .modal--cookies-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.in,
    .modal--cookies-backdrop.in {
        opacity: .5
    }

.modal__dialog {
    background: #fff;
    -webkit-box-shadow: 0 0 48px -1px rgba(1,4,7,0.25);
    box-shadow: 0 0 48px -1px rgba(1,4,7,0.25)
}

[data-toggle="modal"] {
    margin-right: .72em !important
}

    [data-toggle="modal"]::after {
        display: inline-block;
        vertical-align: bottom;
        position: relative;
        content: '\e926';
        width: 0;
        font-family: 'dayspedia-icons.v31';
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    [data-toggle="modal"]:hover::after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

button[data-toggle="modal"],
a[data-toggle="modal"],
span[data-toggle="modal"] {
    margin-right: 0 !important
}

    button[data-toggle="modal"]::after,
    a[data-toggle="modal"]::after,
    span[data-toggle="modal"]::after {
        content: none
    }

    a[data-toggle="modal"]:not([role=button] ),
    span[data-toggle="modal"]:not([role=button] ) {
        border-bottom-width: 1px;
        border-bottom-style: dotted
    }

        a[data-toggle="modal"]:not([role=button] ):hover,
        span[data-toggle="modal"]:not([role=button] ):hover {
            border-bottom-color: transparent
        }

span[data-toggle="modal"] {
    cursor: pointer
}

body {
    position: relative;
    margin: 0;
    padding: 0
}

    body::before,
    body::after {
        display: block;
        position: absolute;
        z-index: -1;
        content: '';
        top: 0;
        height: 306px;
        background-repeat: no-repeat
    }

    body::before {
        left: 0;
        right: 100%;
        margin-right: -14px;
        background-image: url(/img/html_bg.png);
        background-position: 100% 0
    }

@media screen and (min-width:784px) {
    body::before {
        right: 50%;
        margin-right: 364px
    }
}

@media screen and (min-width:1148px) {
    body::before {
        margin-right: 546px
    }
}

body::after {
    left: 14px;
    right: 0;
    background-image: url(/img/body_bg.png);
    background-position: 0 0
}

@media screen and (min-width:784px) {
    body::after {
        left: 50%;
        margin-left: -364px
    }
}

@media screen and (min-width:1148px) {
    body::after {
        margin-left: -546px
    }
}

header {
    z-index: 2;
    margin-bottom: 14px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 728px;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

@media screen and (min-width:1148px) {
    header {
        width: 1092px;
        max-width: none
    }
}

@media screen and (min-width:1148px) {
    header {
        margin-bottom: 28px
    }
}

header .i-logo {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

    header .i-logo img {
        vertical-align: top
    }

header nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: 47px
}

@media screen and (min-width:1148px) {
    header nav {
        margin-left: 54px
    }
}

header .i-logo,
header .i-logo img,
header nav {
    height: 40px;
    -webkit-transition: height .35s;
    -moz-transition: height .35s;
    -o-transition: height .35s;
    transition: height .35s
}

@media screen and (min-width:1148px) {
    header .i-logo,
    header .i-logo img,
    header nav {
        height: 56px
    }
}

header .nav {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: -2px
}

@media screen and (min-width:1148px) {
    header .nav {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: 0
    }
}

header .nav > li > a {
    display: block;
    width: 38px;
    line-height: 40px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden
}

@media screen and (min-width:1148px) {
    header .nav > li > a {
        display: inline-block;
        vertical-align: bottom;
        width: auto;
        padding: 0 28px
    }
}

header .nav > li > a::before {
    margin: 0 7px
}

@media screen and (min-width:1148px) {
    header .nav > li > a::before {
        content: none
    }
}

header .nav__item--time,
header .nav__item--calendar,
header .nav__item--widgets,
header .nav__item--games {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

header .nav__item--login,
header .nav__item--logout,
header .nav__item--settings {
    text-align: right
}

@media screen and (min-width:1148px) {
    header .nav__item--login,
    header .nav__item--logout {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

header .nav__item--settings {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    header .nav__item--settings > a {
        padding: 0 !important
    }

.wrapper {
    z-index: 1;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 728px;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width:1148px) {
    .wrapper {
        width: 1092px;
        max-width: none
    }
}

@media screen and (min-width:784px) {
    .breadcrumbs {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

.block {
    position: relative;
    margin: 0 0 14px;
    padding: calc(28px - .24rem) 28px;
    background-color: #fff;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

ul.block {
    list-style: none;
    text-indent: 0
}

    ul.block > li {
        margin: 0
    }

.block p:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

@media screen and (min-width:784px) {
    .block {
        padding-left: 28px;
        margin-bottom: 28px
    }
}

.column,
.place__map,
.column--12,
.place__map--12,
.column--1,
.place__map--1,
.column--2,
.place__map--2,
.column--3,
.place__map--3,
.week__info,
.week .calendar__month {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.column--12,
.place__map--12 {
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

@media screen and (min-width:784px) {
    .column--12,
    .place__map--12 {
        -webkit-flex: 0 0 728px;
        -ms-flex: 0 0 728px;
        flex: 0 0 728px
    }

        .column--12 .block,
        .place__map--12 .block {
            max-width: 728px
        }
}

@media screen and (min-width:784px) {
    .column--1,
    .place__map--1,
    .column--2,
    .place__map--2,
    .week__info,
    .week .calendar__month,
    .column--1 .block,
    .place__map--1 .block,
    .column--2 .block,
    .place__map--2 .block,
    .week__info .block,
    .week .calendar__month .block {
        -webkit-flex: 0 0 350px;
        -ms-flex: 0 0 350px;
        flex: 0 0 350px
    }
}

.column--1,
.place__map--1,
.week__info {
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

.column--2,
.place__map--2,
.week .calendar__month {
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2
}

.column--3,
.place__map--3 {
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3
}

@media screen and (min-width:784px) {
    .column--3,
    .place__map--3 {
        -webkit-flex: 0 0 728px;
        -ms-flex: 0 0 728px;
        flex: 0 0 728px
    }

        .column--3 .block:nth-child(2n+1),
        .place__map--3 .block:nth-child(2n+1) {
            flex-basis: 336px
        }

        .column--3 .block:nth-child(2n+2),
        .place__map--3 .block:nth-child(2n+2) {
            flex-basis: 350px
        }
}

@media screen and (min-width:1148px) {
    .column--3,
    .place__map--3,
    .column--3 .block:nth-child(2n+1),
    .place__map--3 .block:nth-child(2n+1),
    .column--3 .block:nth-child(2n+2),
    .place__map--3 .block:nth-child(2n+2) {
        flex-basis: 336px
    }
}

footer {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 728px;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

@media screen and (min-width:1148px) {
    footer {
        width: 1092px;
        max-width: none
    }
}

.footer__social {
    margin-top: calc(28px - .24rem)
}

@media screen and (min-width:1148px) {
    .footer {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer__social {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: 0
    }

    .footer__copyright {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.footer__social {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.modal__dialog {
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    -webkit-transition: .35s ease-out;
    -moz-transition: .35s ease-out;
    -o-transition: .35s ease-out;
    transition: .35s ease-out
}

@media screen and (min-width:1148px) {
    .modal__dialog {
        position: relative;
        width: 728px;
        top: 10%;
        right: unset;
        bottom: unset;
        left: 50%;
        -webkit-box-shadow: 0 0 48px -1px rgba(1,4,7,0.25);
        box-shadow: 0 0 48px -1px rgba(1,4,7,0.25);
        border-radius: 5px
    }

    .fade .modal__dialog {
        -ms-transform: translate(-50%,-150%);
        -o-transform: translate(-50%,-150%);
        -webkit-transform: translate(-50%,-150%);
        -ms-transform: translate(-50%,-150%);
        -o-transform: translate(-50%,-150%);
        transform: translate(-50%,-150%)
    }

    .in .modal__dialog {
        -ms-transform: translate(-50%,-10%);
        -o-transform: translate(-50%,-10%);
        -webkit-transform: translate(-50%,-10%);
        -ms-transform: translate(-50%,-10%);
        -o-transform: translate(-50%,-10%);
        transform: translate(-50%,-10%)
    }
}

.modal__content {
    padding: 28px 28px 28px 42px;
    outline: 0
}

@media screen and (max-width:783px) {
    .modal__content {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: auto
    }
}

@media screen and (min-width:784px) {
    .modal__content {
        position: relative;
        padding: 56px
    }
}

.nav-flipping {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .nav-flipping > li {
        margin: 0 0 14px 0;
        white-space: nowrap;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .nav-flipping > li a {
            display: inline-block;
            text-align: center;
            line-height: 40px;
            background: #eee;
            border-radius: 20px;
            padding: 0 14px;
            text-decoration: none;
            -webkit-transition: .15s;
            -moz-transition: .15s;
            -o-transition: .15s;
            transition: .15s
        }

            .nav-flipping > li a:hover {
                -webkit-transform: scale(1.06);
                -ms-transform: scale(1.06);
                -o-transform: scale(1.06);
                -webkit-transform: scale(1.06);
                -ms-transform: scale(1.06);
                -o-transform: scale(1.06);
                transform: scale(1.06)
            }

        .nav-flipping > li:first-child a::before {
            display: inline-block;
            content: '\e901';
            font: 24px/0 'dayspedia-icons.v31';
            margin-right: .12em
        }

        .nav-flipping > li:last-child {
            text-align: right
        }

            .nav-flipping > li:last-child a::after {
                display: inline-block;
                content: '\e902';
                font: 24px/0 'dayspedia-icons.v31';
                margin-left: .12em
            }

.nav__search {
    position: relative;
    z-index: 1047;
    padding: 1px 38px 1px 1px;
    background: #fff;
    border: solid #c6c6c6;
    border-width: 1px;
    border-radius: 3px;
    -webkit-transition: border .15s;
    -moz-transition: border .15s;
    -o-transition: border .15s;
    transition: border .15s
}

    .nav__search:hover,
    .nav__search:focus,
    .nav__search:active {
        border-color: #7b7b7b
    }

    .nav__search input[type='search'],
    .nav__search input[type='text'] {
        height: 38px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-decoration: none;
        border: none;
        -webkit-transition: .35s;
        -moz-transition: .35s;
        -o-transition: .35s;
        transition: .35s
    }

        .nav__search input[type='search']:invalid + button,
        .nav__search input[type='text']:invalid + button {
            pointer-events: none;
            opacity: .33;
            -webkit-transition: opacity .35s;
            -moz-transition: opacity .35s;
            -o-transition: opacity .35s;
            transition: opacity .35s
        }

        .nav__search input[type='search']::-webkit-search-decoration,
        .nav__search input[type='text']::-webkit-search-decoration {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            text-decoration: none
        }

        .nav__search input[type='search']:invalid,
        .nav__search input[type='text']:invalid,
        .nav__search input[type='search']:required,
        .nav__search input[type='text']:required,
        .nav__search input[type='search']:hover,
        .nav__search input[type='text']:hover,
        .nav__search input[type='search']:focus,
        .nav__search input[type='text']:focus,
        .nav__search input[type='search']:active,
        .nav__search input[type='text']:active {
            outline: 0;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

        .nav__search input[type='search']::-moz-placeholder,
        .nav__search input[type='text']::-moz-placeholder {
            color: #9e9e9e;
            opacity: 1;
            font-size: .84em
        }

        .nav__search input[type='search']:-ms-input-placeholder,
        .nav__search input[type='text']:-ms-input-placeholder {
            color: #9e9e9e;
            color: #9e9e9e;
            font-size: .84em
        }

        .nav__search input[type='search']::-webkit-input-placeholder,
        .nav__search input[type='text']::-webkit-input-placeholder {
            color: #9e9e9e;
            font-size: .84em
        }

    .nav__search button[type="submit"] {
        position: absolute;
        top: 50%
    }

        .nav__search button[type="submit"].i-search {
            right: 7px;
            margin-top: -12px
        }

        .nav__search button[type="submit"].i-add {
            right: -5px;
            margin-top: -24px
        }

.pagination {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    padding-top: 28px
}

@media screen and (min-width:784px) {
    .pagination {
        position: relative;
        background-color: #f3f3f3
    }
}

.pagination dt {
    display: block
}

.pagination dd {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    text-indent: 0;
    list-style: none;
    color: #9e9e9e
}

    .pagination dd:not(:first-child)::before {
        content: '–'
    }

    .pagination dd > a,
    .pagination dd > i,
    .pagination dd > span,
    .pagination dd > ins,
    .filter-index > a,
    .calendar .filter-index__months > a {
        display: inline-block;
        vertical-align: baseline;
        min-width: 32px;
        line-height: 32px;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

        .pagination dd > a.active,
        .pagination dd > i.active,
        .pagination dd > span.active,
        .filter-index > a.active,
        .calendar .filter-index__months > a.active {
            color: #343434;
            font-weight: 900
        }

    .pagination dd .active {
        outline: 0
    }

        .pagination dd .active > span {
            cursor: default
        }

    .pagination dd [disabled],
    .pagination dd:disabled {
        color: #c6c6c6
    }

.pagination nobr dd:first-child {
    margin-left: 12px
}

    .pagination nobr dd:first-child::before {
        content: '\2190'
    }

.pagination nobr dd:last-child::after {
    content: '\2192'
}

.pagination nobr dd > a,
.pagination nobr dd > i,
.pagination nobr dd > span,
.pagination nobr dd > ins {
    padding: 0 6px
}

header {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nav > li {
    white-space: nowrap
}

    .nav > li > a {
        color: #343434;
        text-decoration: none
    }

        .nav > li > a::before {
            display: inline-block;
            vertical-align: middle;
            font: 24px/24px 'dayspedia-icons.v31';
            text-decoration: none;
            -webkit-transition: .15s;
            -moz-transition: .15s;
            -o-transition: .15s;
            transition: .15s
        }

@media screen and (min-width:961px) {
    .nav > li > a {
        font-size: 1.24em
    }
}

.nav > li > a:active,
.nav > li > a:hover {
    color: #007dbf !important
}

.nav > li.active > a {
    font-family: system-ui,sans-serif;
    font-family: Montserrat,sans-serif;
    font-weight: 900;
    color: #343434
}

.nav__item--time > a::before {
    content: '\e921'
}

.nav__item--calendar > a::before {
    content: '\e919'
}

.nav__item--widgets > a::before {
    content: '\e918'
}

.nav__item--games > a::before {
    content: '';
    height: 24px;
    width: 24px;
    background: url("data:image/svg+xml,%3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,2c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S10.9,2,12,2 M4,10c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S2.9,10,4,10 M12,18 c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S10.9,18,12,18 M12,0C9.79,0,8,1.79,8,4s1.79,4,4,4s4-1.79,4-4S14.21,0,12,0L12,0z M4,8 c-2.21,0-4,1.79-4,4s1.79,4,4,4s4-1.79,4-4S6.21,8,4,8L4,8z M12,16c-2.21,0-4,1.79-4,4s1.79,4,4,4s4-1.79,4-4S14.21,16,12,16L12,16z '/%3E%3Ccircle cx='20' cy='12' r='4'/%3E%3C/svg%3E") center no-repeat;
    background-size: 20px
}

@media screen and (max-width:1147px) {
    .nav__item--login > a[data-toggle="modal"] {
        margin-right: 0 !important
    }
}

.nav__item--login > a::before {
    content: '\e902'
}

.nav__item--logout > a::before {
    content: '\e901'
}

.nav__item--settings > a::before {
    content: '\e908'
}

.nav [data-toggle="modal"]::after {
    content: none
}

@media screen and (min-width:961px) {
    .nav [data-toggle="modal"]::after {
        content: '\e926'
    }
}

footer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.footer {
    padding: calc(28px - .24rem) 28px;
    background: rgba(1,4,7,0.05)
}

.footer__copyright {
    font-size: .72em
}

@media screen and (hover:none) and (pointer:coarse) {
    .footer__copyright {
        line-height: 2.5
    }
}

.footer__copyright a,
.footer__navbar a {
    color: #343434;
    text-decoration: underline
}

    .footer__copyright a:hover,
    .footer__navbar a:hover {
        text-decoration: none
    }

.footer__navbar {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0
}

    .footer__navbar > li[role="menuitem"] {
        display: inline-block;
        vertical-align: baseline;
        margin: 0 14px 0 0;
        white-space: nowrap
    }

.footer .dropup {
    width: fit-content;
    white-space: nowrap;
    margin-bottom: 14px;
    font-size: 1rem
}

@media screen and (hover:none) and (pointer:coarse) {
    .footer .dropup {
        line-height: 1.4
    }
}

.footer .dropup .dropdown-menu {
    left: -28px;
    margin-bottom: -14px
}

    .footer .dropup .dropdown-menu > li {
        white-space: nowrap
    }

.footer [data-toggle="dropdown"] {
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    position: relative
}

    .footer [data-toggle="dropdown"]:hover {
        color: #343434;
        border-color: transparent
    }

    .footer [data-toggle="dropdown"]::after {
        display: inline-block;
        vertical-align: bottom;
        position: relative;
        margin-right: -14px;
        content: '\e926';
        font-family: 'dayspedia-icons.v31';
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    .footer [data-toggle="dropdown"][aria-expanded='true']::after,
    .footer [data-toggle="dropdown"].in::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

a.footer [data-toggle="dropdown"]:hover {
    text-decoration: none
}

.footer [data-toggle="dropdown"][aria-expanded="true"],
.footer [data-toggle="dropdown"].in {
    color: #343434;
    border-color: #343434
}

    .footer [data-toggle="dropdown"][aria-expanded="true"]:hover,
    .footer [data-toggle="dropdown"].in:hover {
        border-color: transparent
    }

.breadcrumbs {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    padding: 0;
    font-size: .84em;
    line-height: calc(28px - .24rem);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:783px) {
    .breadcrumbs {
        padding: 0 7px
    }
}

.breadcrumbs li {
    padding: 0 0 0 .24rem;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 0 0 0;
    line-height: 1
}

    .breadcrumbs li::after {
        display: inline-block;
        margin-left: .48rem;
        content: '/';
        color: #7b7b7b
    }

    .breadcrumbs li:last-child::after {
        content: none
    }

.breadcrumbs a {
    text-decoration: none;
    color: #343434
}

    .breadcrumbs a:active,
    .breadcrumbs a:hover {
        color: #007dbf !important
    }

.breadcrumbs span {
    color: #7b7b7b
}

.nav-tabs {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

    .nav-tabs > li {
        margin: 0 0 0 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        font-size: 89%
    }

        .nav-tabs > li > a,
        .nav-tabs > li > span {
            display: inline-block;
            padding: 0 14px;
            line-height: calc(1.375em + 21px);
            white-space: nowrap
        }

            .nav-tabs > li > a::before,
            .nav-tabs > li > span::before {
                margin-right: 14px
            }

        .nav-tabs > li.active {
            background: #fff
        }

            .nav-tabs > li.active > a,
            .nav-tabs > li.active > span {
                color: #343434;
                cursor: default
            }

.tab-pane {
    display: none
}

    .tab-pane.active {
        display: block
    }

.alert--cookies {
    position: fixed;
    z-index: 1049;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: .84em;
    text-align: center;
    color: #fff;
    background: #071d33;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .alert--cookies a,
    .alert--cookies .link,
    .alert--cookies [type="checkbox"]::before {
        color: #fff
    }

    .alert--cookies a {
        text-decoration: underline
    }

        .alert--cookies a:hover {
            text-decoration: none
        }

    .alert--cookies .link {
        margin-left: 14px
    }

    .alert--cookies [type="checkbox"]:checked + label {
        font-weight: initial;
        color: #ffe042
    }

    .alert--cookies [type="checkbox"]:checked::before {
        color: #ffe042
    }

    .alert--cookies [type="checkbox"]::before {
        background: #071d33
    }

    .alert--cookies > span {
        display: inline-block;
        padding: calc(14px - .24rem) 14px
    }

        .alert--cookies > span.action {
            white-space: nowrap
        }

    .alert--cookies input[type="button"] {
        min-height: 28px;
        padding: 0 11px;
        color: #343434;
        font-size: 1em;
        font-family: Helvetica,Trebuchet,sans-serif;
        text-align: center;
        border-radius: 3px;
        white-space: nowrap;
        border: none;
        background: #f3f3f3;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .alert--cookies input[type="button"]:hover,
        .alert--cookies input[type="button"]:focus,
        .alert--cookies input[type="button"]:active {
            color: #343434
        }

        .alert--cookies input[type="button"]:not([disabled]):hover {
            -webkit-transform: scale(1.06);
            -ms-transform: scale(1.06);
            -o-transform: scale(1.06);
            -webkit-transform: scale(1.06);
            -ms-transform: scale(1.06);
            -o-transform: scale(1.06);
            transform: scale(1.06)
        }

        .alert--cookies input[type="button"]:active {
            -webkit-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none
        }

.modal--cookies-backdrop {
    background: rgba(1,4,7,0.5)
}

.modal--cookies,
.modal--cookies-settings {
    position: fixed;
    z-index: 1050;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-overflow-scrolling: touch
}

    .modal--cookies > section,
    .modal--cookies-settings > section {
        position: relative;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        padding: 28px;
        font-size: 89%;
        background-color: #fff;
        overflow: auto
    }

@media screen and (max-device-width:7.99in) {
    .modal--cookies > section,
    .modal--cookies-settings > section {
        padding: calc(21px - .24rem)
    }
}

@media screen and (min-width:1148px) {
    .modal--cookies > section,
    .modal--cookies-settings > section {
        margin-bottom: 5%
    }
}

.modal--cookies h3:nth-of-type(1),
.modal--cookies-settings h3:nth-of-type(1) {
    padding-right: 28px
}

.modal--cookies .action,
.modal--cookies-settings .action {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .modal--cookies .action > li,
    .modal--cookies-settings .action > li {
        margin: 0 0 0 0
    }

@media screen and (max-device-width:7.99in) and (orientation:portrait) {
    .modal--cookies .action > li,
    .modal--cookies-settings .action > li {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center
    }
}

.modal--cookies .action > li:first-child,
.modal--cookies-settings .action > li:first-child {
    min-width: 25%
}

@media screen and (max-device-width:7.99in) and (orientation:portrait) {
    .modal--cookies .action > li:first-child,
    .modal--cookies-settings .action > li:first-child {
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
}

@media screen and (max-device-width:7.99in) and (orientation:portrait) {
    .modal--cookies .action > li:nth-of-type(2),
    .modal--cookies-settings .action > li:nth-of-type(2) {
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        margin-bottom: calc(21px - .24rem)
    }
}

.modal--cookies .action button,
.modal--cookies-settings .action button {
    margin-left: 0;
    width: 100%
}

    .modal--cookies .action button.button,
    .modal--cookies-settings .action button.button {
        font-size: 1rem
    }

@media screen and (hover:none) and (pointer:coarse) {
    .modal--cookies .action button,
    .modal--cookies-settings .action button {
        font-size: 130%
    }
}

.modal--cookies .action .link,
.modal--cookies-settings .action .link {
    color: #007dbf
}

    .modal--cookies .action .link:hover,
    .modal--cookies-settings .action .link:hover,
    .modal--cookies .action .link:active,
    .modal--cookies-settings .action .link:active {
        color: #343434
    }

.modal--cookies .i-close,
.modal--cookies-settings .i-close {
    line-height: 0;
    overflow: hidden
}

    .modal--cookies .i-close::before,
    .modal--cookies-settings .i-close::before {
        font-size: 12px;
        line-height: 12px
    }

.modal--cookies.display--flex,
.modal--cookies-settings.display--flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.modal--cookies {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 5%
}

    .modal--cookies > section {
        max-width: 728px
    }

.modal--cookies-settings {
    display: none;
    opacity: 0
}

    .modal--cookies-settings > section {
        min-height: 100%
    }

@media screen and (hover:hover) and (pointer:fine) {
    .modal--cookies-settings > section {
        max-width: 728px;
        min-height: 0;
        border-radius: 4px
    }
}

.modal--cookies-settings .alert--error::before {
    content: none
}

.modal--cookies-settings ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .modal--cookies-settings ul > li {
        margin: 0 28px calc(21px - .24rem) 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

        .modal--cookies-settings ul > li:last-child {
            margin-right: 0
        }

.modal._login .modal__content {
    padding-right: 28px
}

.modal._login .disabled {
    cursor: default
}

.modal._login .modal__heading {
    margin-bottom: calc(14px - .24rem)
}

.login__agreement {
    padding: 14px 14px 14px 44px;
    margin: -14px 0 0 -14px;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-transition: border-color .25s;
    -moz-transition: border-color .25s;
    -o-transition: border-color .25s;
    transition: border-color .25s
}

    .login__agreement.alert {
        border-color: #c73c4e;
        background: #fff
    }

    .login__agreement label {
        color: #343434
    }

    .login__agreement a {
        white-space: nowrap
    }

    .login__agreement + p {
        margin: 0 0 0 30px
    }

    .login__agreement input[type=checkbox] {
        margin-left: -30px
    }

.login__social-buttons + div {
    margin: calc(21px - .24rem) 0 0
}

.modal._login .login__social-buttons + div {
    margin-left: 30px
}

.login__social-buttons .i-fb,
.login__social-buttons .i-apple,
.login__social-buttons .i-google,
.login__social-buttons .i-tw,
.login__social-buttons .i-vk,
.login__social-buttons .i-yandex,
.login__social-buttons .i-mailru,
.login__social-buttons .i-yahoo,
.login__social-buttons .i-telegram {
    vertical-align: middle;
    margin: 14px 30px 0 0;
    color: #fff;
    font-weight: 600;
    border-radius: 3px
}

    .login__social-buttons .i-fb::before,
    .login__social-buttons .i-apple::before,
    .login__social-buttons .i-google::before,
    .login__social-buttons .i-tw::before,
    .login__social-buttons .i-vk::before,
    .login__social-buttons .i-yandex::before,
    .login__social-buttons .i-mailru::before,
    .login__social-buttons .i-yahoo::before,
    .login__social-buttons .i-telegram::before {
        color: #fff;
        background-color: transparent
    }

    .login__social-buttons .i-fb::after,
    .login__social-buttons .i-apple::after,
    .login__social-buttons .i-google::after,
    .login__social-buttons .i-tw::after,
    .login__social-buttons .i-vk::after,
    .login__social-buttons .i-yandex::after,
    .login__social-buttons .i-mailru::after,
    .login__social-buttons .i-yahoo::after,
    .login__social-buttons .i-telegram::after {
        content: attr(title)
    }

    .login__social-buttons .i-fb:hover,
    .login__social-buttons .i-apple:hover,
    .login__social-buttons .i-google:hover,
    .login__social-buttons .i-tw:hover,
    .login__social-buttons .i-vk:hover,
    .login__social-buttons .i-yandex:hover,
    .login__social-buttons .i-mailru:hover,
    .login__social-buttons .i-yahoo:hover,
    .login__social-buttons .i-telegram:hover {
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06)
    }

.modal._login .login__social-buttons .i-fb,
.modal._login .login__social-buttons .i-apple,
.modal._login .login__social-buttons .i-google,
.modal._login .login__social-buttons .i-tw,
.modal._login .login__social-buttons .i-vk,
.modal._login .login__social-buttons .i-yandex,
.modal._login .login__social-buttons .i-mailru,
.modal._login .login__social-buttons .i-yahoo,
.modal._login .login__social-buttons .i-telegram {
    margin-right: 0;
    margin-left: 30px
}

.login__social-buttons .i-fb,
.login__social-buttons .i-apple,
.login__social-buttons .i-tw,
.login__social-buttons .i-telegram {
    padding: 7px 11px
}

    .login__social-buttons .i-fb::before,
    .login__social-buttons .i-apple::before,
    .login__social-buttons .i-tw::before,
    .login__social-buttons .i-telegram::before {
        display: inline-block;
        vertical-align: middle;
        min-width: 24px;
        margin-right: 14px;
        font: 24px/24px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

.login__social-buttons .i-vk,
.login__social-buttons .i-yandex,
.login__social-buttons .i-yahoo,
.login__social-buttons .i-mailru {
    padding: 7px 11px
}

    .login__social-buttons .i-vk::before,
    .login__social-buttons .i-yandex::before,
    .login__social-buttons .i-yahoo::before,
    .login__social-buttons .i-mailru::before {
        display: inline-block;
        vertical-align: middle;
        margin-right: 14px;
        font-size: 24px;
        line-height: 24px
    }

.login__social-buttons .i-apple {
    background: #000
}

    .login__social-buttons .i-apple::before {
        content: "\e941";
        color: #fff;
        margin-top: -4px
    }

.login__social-buttons .i-fb {
    background: #3b5998
}

.login__social-buttons .i-tw,
.login__social-buttons .i-telegram {
    background: #00abf1
}

.login__social-buttons .i-vk {
    background: #4c75a3
}

.login__social-buttons .i-yandex {
    background: #e7322b
}

.login__social-buttons .i-yahoo {
    background: #500095
}

.login__social-buttons .i-mailru {
    background: #005ffa
}

    .login__social-buttons .i-mailru::before {
        color: #ff9e00
    }

.login__social-buttons .i-google {
    padding-right: 11px;
    background-color: #4285f4;
    border: thin solid #4285f4;
    overflow: hidden
}

    .login__social-buttons .i-google::before {
        display: inline-block;
        vertical-align: middle;
        height: 38px;
        width: 38px;
        margin-right: 11px;
        content: '';
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30uc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzQyODVGNDt9LnN0MntmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMzNEE4NTM7fS5zdDN7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkJCQzA1O30uc3Q0e2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0VBNDMzNTt9PC9zdHlsZT48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48Zz48cGF0aCBpZD0iU2hhcGUiIGNsYXNzPSJzdDEiIGQ9Ik0yNC42LDE2LjJjMC0wLjYtMC4xLTEuMy0wLjItMS44SDE2djMuNWg0LjhDMjAuNiwxOSwyMCwxOS45LDE5LDIwLjZ2Mi4zSDIyQzIzLjcsMjEuMywyNC42LDE4LjksMjQuNiwxNi4yTDI0LjYsMTYuMnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTYsMjVjMi40LDAsNC41LTAuOCw2LTIuMkwxOSwyMC42Yy0wLjgsMC41LTEuOCwwLjktMywwLjljLTIuMywwLTQuMy0xLjYtNS0zLjdIOFYyMEM5LjQsMjMsMTIuNSwyNSwxNiwyNUwxNiwyNXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTEsMTcuN2MtMC4yLTAuNS0wLjMtMS4xLTAuMy0xLjdzMC4xLTEuMiwwLjMtMS43VjEySDhjLTAuNiwxLjItMSwyLjYtMSw0czAuMywyLjgsMSw0TDExLDE3LjdMMTEsMTcuN3oiLz48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTYsMTAuNmMxLjMsMCwyLjUsMC41LDMuNCwxLjNMMjIsOS4zQzIwLjUsNy45LDE4LjQsNywxNiw3Yy0zLjUsMC02LjYsMi04LDVsMywyLjNDMTEuNywxMi4yLDEzLjcsMTAuNiwxNiwxMC42TDE2LDEwLjZ6Ii8+PC9nPjwvc3ZnPg==) no-repeat 50%;
        background-size: cover
    }

.filter-index,
.calendar .filter-index__months {
    text-align: center;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .filter-index > a,
    .calendar .filter-index__months > a {
        text-decoration: none
    }

        .filter-index > a.active,
        .calendar .filter-index__months > a.active {
            -webkit-box-shadow: 0 0 0 1px #c6c6c6 inset;
            box-shadow: 0 0 0 1px #c6c6c6 inset
        }

        .filter-index > a:hover,
        .calendar .filter-index__months > a:hover {
            background: rgba(0,125,191,0.16)
        }

        .filter-index > a:focus,
        .calendar .filter-index__months > a:focus,
        .filter-index > a:active,
        .calendar .filter-index__months > a:active {
            color: #007dbf
        }

.inner-promo > h3 {
    flex-basis: 100%;
    font-weight: 400;
    font-family: Helvetica,Trebuchet,sans-serif
}

@media screen and (max-width:783px) {
    .inner-promo > h3[class^='i-'] {
        display: block;
        padding-left: 42px
    }
}

.inner-promo > h3[class^='i-']::before {
    color: #343434
}

.inner-promo > ul,
.place__map__items ul {
    flex-basis: 100%;
    margin: 0 0 0 1rem;
    padding-left: 42px
}

@media screen and (min-width:784px) {
    .inner-promo > ul,
    .place__map__items ul {
        padding-left: 0
    }
}

.inner-promo > form {
    padding-left: 42px
}

@media screen and (min-width:784px) {
    .inner-promo > form {
        padding-left: 0
    }
}

.inner-promo > form {
    flex-basis: 100%
}

.policy > p small {
    font-style: italic;
    color: #7b7b7b
}

.policy h2 {
    margin-top: 28px;
    text-align: left
}

section.policy {
    font-size: .84em
}

    section.policy p {
        margin-bottom: calc(14px - .24rem)
    }

        section.policy p:last-child {
            margin-bottom: 0
        }

.policy__remove {
    margin-bottom: calc(28px - .24rem)
}

.policy__remove__action {
    min-height: 28px;
    padding: 5px 11px;
    color: #343434;
    font-size: 1em;
    font-family: Helvetica,Trebuchet,sans-serif;
    text-align: center;
    border-radius: 3px;
    white-space: nowrap;
    border: none;
    background: #e0e0e0;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .policy__remove__action:hover,
    .policy__remove__action:focus,
    .policy__remove__action:active {
        color: #343434
    }

    .policy__remove__action:not([disabled]):hover {
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06)
    }

    .policy__remove__action:active {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

.policy__table {
    margin-bottom: calc(21px - .24rem)
}

    .policy__table th {
        color: #7b7b7b;
        font-size: .84em;
        text-align: left
    }

    .policy__table tr:nth-of-type(even) {
        background: rgba(153,153,153,0.125)
    }

    .policy__table tr td,
    .policy__table tr th {
        padding: 7px 14px;
        vertical-align: top;
        border-bottom: 1px solid #c6c6c6
    }

.text-right > a.button {
    margin-left: 14px
}

.DPDC,
.DPAC,
.DPDC div,
.DPAC div {
    -webkit-transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

.widgets {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media screen and (min-width:1148px) {
    .widgets {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.widgets .i-up,
.widgets .i-down {
    float: right;
    font: 400 .72em Helvetica,Trebuchet,sans-serif
}

    .widgets .i-up::before,
    .widgets .i-down::before {
        margin-left: 0;
        background: none
    }

@media screen and (min-width:784px) {
    .widgets .i-up,
    .widgets .i-down {
        display: none
    }
}

@media screen and (max-width:1147px) {
    .widgets .column--12 {
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
}

.widgets .column--3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:1147px) {
    .widgets .column--3 {
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }
}

@media screen and (min-width:1148px) {
    .widgets .column--3 {
        margin-left: 28px
    }
}

.widgets-code textarea {
    cursor: pointer
}

.block.widgets-code {
    background: none
}

@media screen and (max-width:783px) {
    .block.widgets-code {
        margin-bottom: 0
    }
}

@media screen and (min-width:784px) {
    .block.widgets-code {
        padding: 0
    }
}

.block.widgets-preview {
    background: none;
    padding-top: 0;
    padding-bottom: 0
}

@media screen and (max-width:783px) {
    .block.widgets-preview {
        margin-bottom: 0
    }
}

@media screen and (min-width:784px) {
    .block.widgets-preview {
        padding: 0
    }
}

.widgets-preview__area {
    min-width: 100%;
    width: max-content;
    padding: calc(28px - .24rem) 28px;
    background: rgba(1,4,7,0.075)
}

.widgets-settings {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .widgets-settings fieldset {
        margin-bottom: calc(21px - .24rem)
    }

        .widgets-settings fieldset select {
            width: auto;
            height: auto;
            padding: 0
        }

        .widgets-settings fieldset label {
            padding-right: .48rem
        }

    .widgets-settings .input-padding,
    .calendar-pdf__settings .input-padding,
    .calendar-pdf__preview .input-padding {
        padding-left: 30px
    }

        .widgets-settings .input-padding [type="checkbox"],
        .calendar-pdf__settings .input-padding [type="checkbox"],
        .calendar-pdf__preview .input-padding [type="checkbox"],
        .widgets-settings .input-padding .widgets-settings__color,
        .calendar-pdf__settings .input-padding .widgets-settings__color,
        .calendar-pdf__preview .input-padding .widgets-settings__color {
            margin-left: -30px
        }

@media screen and (min-width:600px) {
    .widgets-settings {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width:600px) {
    .widgets-settings__column[aria-label="common"],
    .widgets-settings__column[aria-label="appearance"],
    .widgets-settings__column[aria-label="details"] {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .widgets-settings__column[aria-label="common"] {
        padding-right: 28px
    }
}

.widgets-settings__row {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.widgets-settings [aria-label="cancel"] {
    padding-top: calc(28px - .24rem)
}

.widgets-settings__options {
    display: none;
    margin: calc(14px - .24rem) 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    padding: 0
}

    .widgets-settings__options li li {
        padding-left: 0
    }

    .widgets-settings__options li:last-child {
        margin-bottom: 0
    }

    .widgets-settings__options input[type="number"] {
        text-align: right
    }

.widgets-settings__color {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 16px;
    height: 16px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #343434
}

    .widgets-settings__color + label {
        padding-left: 14px
    }

    .widgets-settings__color [type="color"] {
        display: inline-block;
        vertical-align: middle;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-decoration: none;
        width: 32px;
        height: 32px;
        background-color: transparent;
        border: none;
        padding: 0;
        margin-left: -8px;
        margin-top: -8px;
        cursor: pointer
    }

    .widgets-settings__color _::-webkit-full-page-media,
    .widgets-settings__color _:future,
    :root .widgets-settings__color {
        width: auto;
        overflow: visible;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }

        .widgets-settings__color _::-webkit-full-page-media [type="color"],
        .widgets-settings__color _:future [type="color"],
        :root .widgets-settings__color [type="color"] {
            width: auto;
            height: 40px;
            margin-left: 0;
            margin-top: 0
        }

@media all and (-ms-high-contrast:none) {
    .widgets-settings__color {
        width: auto;
        overflow: visible;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }

        .widgets-settings__color [type="color"] {
            width: auto;
            height: 40px;
            margin-left: 0;
            margin-top: 0
        }

        .widgets-settings__color *::-ms-backdrop,
        .widgets-settings__color {
            width: auto;
            overflow: visible;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 0
        }

            .widgets-settings__color *::-ms-backdrop [type="color"],
            .widgets-settings__color [type="color"] {
                width: auto;
                height: 40px;
                margin-left: 0;
                margin-top: 0
            }
}

.widgets-settings__description {
    font-size: .84em;
    color: #7b7b7b
}

.widgets-settings__background-image li {
    display: inline-block;
    vertical-align: top;
    margin: 7px 7px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-width: 40px;
    height: 30px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 1px rgba(1,4,7,0.25) inset;
    box-shadow: 0 0 0 1px rgba(1,4,7,0.25) inset
}

    .widgets-settings__background-image li.active {
        position: relative
    }

        .widgets-settings__background-image li.active::before,
        .widgets-settings__background-image li.active::after {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

        .widgets-settings__background-image li.active::before {
            content: '';
            background: #fff;
            border-radius: 50%;
            height: 22px;
            width: 22px;
            -webkit-box-shadow: 0 0 7px 4px rgba(1,4,7,0.25);
            box-shadow: 0 0 7px 4px rgba(1,4,7,0.25)
        }

        .widgets-settings__background-image li.active::after {
            content: '\e90d';
            text-align: center;
            font: 16px/24px 'dayspedia-icons.v31';
            color: #343434
        }

.widgets-settings .list-suggestion {
    margin: 7px 0;
    padding-left: 0;
    font-size: .84em
}

.widgets-promo {
    padding-bottom: 0
}

@media screen and (min-width:784px) {
    .widgets-promo {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .widgets-promo p {
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%
        }

        .widgets-promo article {
            -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
            flex: 1 1 50%
        }
}

.widgets-promo article {
    padding: calc(28px - .24rem) 28px calc(28px - .24rem) 0
}

    .widgets-promo article .DPDC,
    .widgets-promo article .DPAC,
    .widgets-promo article iframe {
        display: block
    }

        .widgets-promo article .DPDC + a,
        .widgets-promo article .DPAC + a,
        .widgets-promo article iframe + a {
            margin-top: calc(28px - .24rem)
        }

.widgets-promo .DPAC {
    background-image: url(/img/widgets/bg-14.png);
    border-width: 0;
    min-width: 250px
}

.widgets-promo .DPACt {
    width: 120px;
    height: 120px;
    background-color: #fff
}

.widgets-promo .DPDC {
    background-image: url(/img/widgets/bg-3.png);
    border-width: 0;
    width: 100%
}

.widgets-promo .DPDCh {
    color: #63000e
}

.widgets-promo .DPDC .DPl > span {
    color: #63000e !important
}

.widgets-promo .DPDC .DPl > svg > path {
    fill: #63000e !important
}

.block.authorization {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: calc(21px - .24rem);
    margin-bottom: 0
}

    .block.authorization h1,
    .block.authorization h1 + p {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

.move {
    -webkit-animation: move ease-out 1s infinite;
    -o-animation: move ease-out 1s infinite;
    animation: move ease-out 1s infinite
}

.time,
.time--night,
.moon-new .time {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: relative;
    width: fit-content;
    font-family: system-ui,sans-serif;
    font-family: Montserrat,sans-serif;
    font-weight: 900;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .time > div,
    .time--night > div,
    .moon-new .time > div {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        margin: 7px 0;
        overflow: hidden;
        -webkit-transition: .35s ease-out;
        -moz-transition: .35s ease-out;
        -o-transition: .35s ease-out;
        transition: .35s ease-out
    }

    .time > span,
    .time--night > span,
    .moon-new .time > span {
        margin: 7px 0 5px .32em;
        font-size: 1rem;
        line-height: 1;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

.time__minutes::before,
.time__seconds::before,
.stopwatch__minutes::before,
.stopwatch__seconds::before,
.stopwatch__mseconds::before {
    content: ':';
    width: .32em;
    margin-top: -.086em;
    text-align: center;
    overflow: hidden
}

.time__seconds::before,
.stopwatch__mseconds::before,
.time__seconds .number,
.stopwatch__mseconds .number {
    opacity: .32
}

.time--night,
.moon-new .time {
    padding: 0 7px;
    color: #f7f7f7;
    background: #37424f
}

    .time--night::before,
    .moon-new .time::before {
        content: '\e920';
        color: #37424f
    }

    .time--night::before,
    .moon-new .time::before {
        position: absolute;
        top: 50%;
        margin-top: -12px;
        right: -24px
    }

    .time .number,
    .time--night .number,
    .moon-new .time .number,
    .stopwatch__counter .time--stopwatch .number {
        width: .64em;
        text-align: center
    }

.time--large .time,
.worldclock._fullscreen .multitime__items > li.time--medium .time,
.time--large .time--night,
.worldclock._fullscreen .multitime__items > li.time--medium .time--night {
    font-size: 56px;
    line-height: 41px;
    height: 55px
}

    .time--large .time--night::before,
    .worldclock._fullscreen .multitime__items > li.time--medium .time--night::before {
        display: inline-block;
        vertical-align: middle;
        min-width: 24px;
        font: 24px/24px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

.time--medium .time,
.time--medium .time--night {
    font-size: 42px;
    line-height: 31px;
    height: 45px
}

    .time--medium .time--night::before {
        display: inline-block;
        vertical-align: middle;
        min-width: 24px;
        font: 24px/24px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

.time--small .time,
.time--small .time--night {
    font-size: 21px;
    line-height: 15px;
    height: 29px
}

    .time--small .time--night::before {
        display: inline-block;
        vertical-align: middle;
        min-width: 16px;
        font: 16px/16px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    .time--small .time--night::before {
        margin-top: -8px;
        right: -16px
    }

.time--wide,
.clockonly .time,
.clockonly .time--night,
.locality .time,
.locality .time--night,
.timer .time {
    font-size: 16vw;
    height: 11.9vw;
    line-height: 11.9vw
}

@media screen and (min-width:784px) {
    .time--wide,
    .clockonly .time,
    .clockonly .time--night,
    .locality .time,
    .locality .time--night,
    .timer .time {
        font-size: 110px;
        height: 81.4px;
        line-height: 81.4px
    }
}

.time--wide > div,
.clockonly .time > div,
.clockonly .time--night > div,
.locality .time > div,
.locality .time--night > div,
.timer .time > div {
    margin-top: 0;
    margin-bottom: 0
}

._fullscreen .time--wide,
._fullscreen .clockonly .time,
._fullscreen .clockonly .time--night,
._fullscreen .locality .time,
._fullscreen .locality .time--night,
._fullscreen .timer .time {
    font-size: 15vw;
    height: 11.1vw;
    line-height: 11.1vw
}

@media screen and (min-width:1148px) {
    ._fullscreen .time--wide,
    ._fullscreen .clockonly .time,
    ._fullscreen .clockonly .time--night,
    ._fullscreen .locality .time,
    ._fullscreen .locality .time--night,
    ._fullscreen .timer .time {
        font-size: 20vw;
        height: 19.7vw;
        line-height: 19.7vw
    }
}

@-moz-keyframes move {
    from {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes move {
    from {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes move {
    from {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes move {
    from {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.date {
    line-height: 1.2
}

    .date > div {
        -webkit-transition: all ease-out .25s;
        -moz-transition: all ease-out .25s;
        -o-transition: all ease-out .25s;
        transition: all ease-out .25s;
        width: 100%
    }

.time--large .date {
    font-size: 1.24em
}

.time--medium .date {
    font-size: 1.1em
}

.time--small .date {
    font-size: .84em
}

.clock,
.clock--night {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 112px;
    height: 112px;
    margin-bottom: calc(14px - .24rem);
    border-radius: 50%
}

    .clock::after,
    .clock--night::after,
    ._dark .clock::after {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: 100%
    }

.clock {
    background-color: #eceff1
}

    .clock::before {
        -webkit-box-shadow: 0 0 0 2px #444;
        box-shadow: 0 0 0 2px #444
    }

.clock--night {
    background-color: #37424f
}

    .clock--night::before {
        content: '\e920';
        color: #37424f
    }

    .clock--night::before {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0
    }

.clock__hours,
.clock__minutes,
.clock__seconds {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .clock__hours::before,
    .clock__minutes::before,
    .clock__seconds::before {
        display: block;
        content: '';
        position: absolute;
        left: 50%;
        bottom: 50%
    }

    .clock__hours::before {
        top: 23%;
        border-style: solid;
        border-color: #444
    }

.clock--night .clock__hours::before,
._dark .clock__hours::before {
    border-color: #fff
}

.clock__minutes::before {
    top: 16%;
    background: #444
}

.clock--night .clock__minutes::before,
._dark .clock__minutes::before {
    background: #fff
}

.clock__minutes::after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background: #444
}

.clock--night .clock__minutes::after,
._dark .clock__minutes::after {
    background: #fff
}

.clock__seconds {
    z-index: 2
}

    .clock__seconds::before {
        z-index: 1;
        width: 1px;
        top: 4%;
        background: #ff5071
    }

    .clock__seconds::after {
        display: block;
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        background: #ff5071
    }

.clock::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath fill='%23343434' d='M53.1,18.6h-1.6v-7.7h-1.9v-1l3.5-0.7V18.6z M61.8,18.6h-6.3v-1.1l3.1-3.4c0.5-0.6,0.9-1,1.1-1.4 c0.2-0.3,0.3-0.7,0.3-1c0-0.4-0.1-0.8-0.4-1.1c-0.2-0.3-0.6-0.4-1-0.4c-0.6,0-1,0.2-1.2,0.5C57,11,56.9,11.4,56.9,12h-1.6 c0-0.9,0.3-1.6,0.9-2.2c0.6-0.6,1.4-0.9,2.4-0.9c0.9,0,1.7,0.2,2.2,0.7s0.8,1.2,0.8,2c0,0.6-0.2,1.1-0.5,1.6s-0.8,1.1-1.4,1.8 l-2.1,2.3h4.3v1.3H61.8z M98.9,55.3h1.1c0.5,0,0.9-0.1,1.1-0.4c0.2-0.3,0.3-0.6,0.3-1.1s-0.1-0.8-0.4-1.1c-0.2-0.2-0.6-0.4-1.1-0.4 c-0.4,0-0.8,0.1-1.1,0.4c-0.3,0.2-0.4,0.6-0.4,1h-1.6c0-0.8,0.3-1.4,0.8-1.9c0.6-0.5,1.3-0.7,2.2-0.7c0.9,0,1.7,0.2,2.2,0.7 s0.8,1.1,0.8,2c0,0.4-0.1,0.8-0.4,1.2c-0.2,0.4-0.6,0.7-1.1,0.9c0.6,0.2,1,0.5,1.2,0.9s0.4,0.8,0.4,1.3c0,0.9-0.3,1.6-0.9,2.1 s-1.4,0.7-2.3,0.7s-1.6-0.2-2.2-0.7s-0.9-1.1-0.9-2h1.6c0,0.4,0.1,0.8,0.4,1c0.3,0.3,0.7,0.4,1.1,0.4c0.5,0,0.9-0.1,1.2-0.4 c0.3-0.3,0.4-0.6,0.4-1.1s-0.1-0.9-0.4-1.2c-0.3-0.2-0.7-0.4-1.2-0.4h-1.1v-1.2H98.9z M12.1,59.6c0.6,0,1-0.2,1.4-0.6 c0.3-0.4,0.5-1,0.5-1.9v-0.2l0,0c-0.2,0.3-0.5,0.5-0.8,0.6s-0.6,0.2-1,0.2c-0.9,0-1.6-0.3-2.2-0.8c-0.5-0.6-0.8-1.4-0.8-2.4 s0.3-1.8,0.9-2.4c0.6-0.6,1.3-0.9,2.2-0.9c1,0,1.8,0.3,2.4,1c0.6,0.6,0.9,1.6,0.9,2.8v2.2c0,1.2-0.3,2.2-1,2.8c-0.6,0.7-1.5,1-2.5,1 c-0.3,0-0.7,0-1-0.1s-0.7-0.2-1-0.3l0.2-1.2c0.3,0.1,0.6,0.2,0.8,0.3C11.4,59.6,11.8,59.6,12.1,59.6z M12.4,56.5 c0.4,0,0.7-0.1,1-0.2c0.3-0.2,0.5-0.4,0.6-0.6v-1c0-0.8-0.1-1.3-0.4-1.7c-0.3-0.4-0.7-0.6-1.2-0.6c-0.4,0-0.8,0.2-1.1,0.6 c-0.3,0.4-0.4,0.9-0.4,1.5s0.1,1.1,0.4,1.5C11.5,56.4,11.9,56.5,12.4,56.5z M18.7,40.9h-1.6v-7.7h-1.9v-1l3.5-0.7V40.9z M27.4,37.2 c0,1.3-0.3,2.2-0.8,2.8s-1.3,1-2.3,1s-1.7-0.3-2.3-1c-0.6-0.6-0.8-1.6-0.8-2.8V35c0-1.3,0.3-2.2,0.8-2.8c0.5-0.6,1.3-1,2.3-1 s1.7,0.3,2.3,1c0.6,0.6,0.8,1.6,0.8,2.8V37.2z M25.8,34.8c0-0.8-0.1-1.4-0.4-1.7c-0.3-0.4-0.6-0.6-1.1-0.6s-0.9,0.2-1.1,0.6 c-0.3,0.4-0.4,0.9-0.4,1.7v2.6c0,0.8,0.1,1.4,0.4,1.8c0.3,0.4,0.6,0.6,1.2,0.6c0.5,0,0.9-0.2,1.1-0.5s0.4-1,0.4-1.8v-2.7H25.8z M96.6,37.8h-6.3v-1.1l3.1-3.4c0.5-0.6,0.9-1,1.1-1.4c0.2-0.3,0.3-0.7,0.3-1c0-0.4-0.1-0.8-0.4-1.1c-0.2-0.3-0.6-0.4-1-0.4 c-0.6,0-1,0.2-1.2,0.5c-0.3,0.3-0.4,0.7-0.4,1.3h-1.6c0-0.9,0.3-1.6,0.9-2.2s1.4-0.9,2.4-0.9c0.9,0,1.7,0.2,2.2,0.7s0.8,1.2,0.8,2 c0,0.6-0.2,1.1-0.5,1.6c-0.3,0.5-0.8,1.1-1.4,1.8l-2.1,2.3h4.3v1.3H96.6z M21.8,76.2c0,0.5-0.1,0.9-0.4,1.3s-0.6,0.6-1.1,0.8 c0.5,0.2,0.9,0.5,1.2,0.9c0.3,0.4,0.5,0.9,0.5,1.4c0,0.9-0.3,1.6-0.9,2s-1.3,0.7-2.3,0.7s-1.7-0.2-2.3-0.7c-0.6-0.5-0.9-1.1-0.9-2 c0-0.5,0.1-1,0.4-1.4s0.7-0.7,1.3-0.9c-0.5-0.2-0.8-0.5-1.1-0.8c-0.3-0.4-0.4-0.8-0.4-1.3c0-0.9,0.3-1.5,0.8-2s1.2-0.7,2.1-0.7 s1.6,0.2,2.1,0.7C21.5,74.7,21.8,75.4,21.8,76.2z M20.4,80.6c0-0.5-0.1-0.9-0.4-1.1c-0.3-0.3-0.7-0.4-1.1-0.4 c-0.5,0-0.9,0.1-1.1,0.4c-0.3,0.3-0.4,0.7-0.4,1.1c0,0.5,0.1,0.9,0.4,1.1c0.3,0.3,0.7,0.4,1.2,0.4s0.9-0.1,1.1-0.4 S20.4,81,20.4,80.6z M20.2,76.3c0-0.4-0.1-0.8-0.4-1c-0.2-0.3-0.6-0.4-1-0.4s-0.7,0.1-1,0.4c-0.2,0.3-0.4,0.6-0.4,1s0.1,0.8,0.4,1 c0.2,0.3,0.6,0.4,1,0.4s0.7-0.1,1-0.4C20.1,77.1,20.2,76.7,20.2,76.3z M95.6,78.5h1.2v1.3h-1.2v2.1H94v-2.1h-4v-1l4.1-6.4h1.6 L95.6,78.5L95.6,78.5z M91.5,78.5h2.6v-3.9l0,0L94,74.9L91.5,78.5z M37.7,88.6c-1.1,1.3-1.9,2.5-2.2,3.5c-0.4,1-0.6,2.3-0.8,3.8 l-0.1,1H33l0.1-1c0.2-1.5,0.5-2.8,1-3.9s1.2-2.3,2.1-3.3h-5v-1.3h6.6L37.7,88.6L37.7,88.6z M34,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6 z M40.1,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6z M79.3,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6z M76,92.5l0.5-5.3h5v1.4h-3.7L77.6,91 c0.2-0.1,0.4-0.3,0.6-0.3c0.2-0.1,0.5-0.1,0.8-0.1c0.9,0,1.6,0.3,2.1,0.8c0.5,0.6,0.7,1.4,0.7,2.4c0,0.9-0.3,1.7-0.8,2.3 c-0.5,0.6-1.3,0.9-2.3,0.9c-0.9,0-1.6-0.2-2.1-0.7s-0.9-1.1-0.9-2l1.5-0.1c0,0.5,0.1,0.8,0.4,1.1c0.3,0.3,0.6,0.4,1.1,0.4 s0.9-0.2,1.1-0.5c0.3-0.3,0.4-0.8,0.4-1.4s-0.1-1.1-0.4-1.4c-0.3-0.4-0.6-0.5-1.1-0.5c-0.4,0-0.8,0.1-1,0.2s-0.4,0.3-0.5,0.6 L76,92.5z M56.4,93.3c0.3,0,0.7,0,1,0.1s0.6,0.2,0.8,0.3l-0.3,1.2c-0.2-0.1-0.5-0.2-0.7-0.2c-0.2-0.1-0.5-0.1-0.8-0.1 c-0.6,0-1.2,0.2-1.5,0.7c-0.4,0.5-0.6,1.1-0.6,2l0,0c0.3-0.2,0.6-0.4,0.9-0.6c0.3-0.1,0.7-0.2,1.1-0.2c0.9,0,1.5,0.3,2,0.9 s0.7,1.3,0.7,2.3s-0.3,1.8-0.8,2.4c-0.6,0.6-1.3,0.9-2.2,0.9c-1,0-1.8-0.3-2.4-1c-0.6-0.7-0.9-1.6-0.9-2.9v-1.8c0-1.3,0.3-2.3,1-3 S55.3,93.3,56.4,93.3z M56,97.8c-0.4,0-0.7,0.1-1,0.2s-0.5,0.3-0.6,0.6v0.7c0,0.8,0.2,1.4,0.5,1.9c0.3,0.4,0.7,0.6,1.3,0.6 c0.5,0,0.8-0.2,1.1-0.6s0.4-0.9,0.4-1.5s-0.1-1-0.4-1.4S56.5,97.8,56,97.8z'/%3E%3Cpath fill='%23343434' d='M57.5,107.5c0,0.8-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5S57.5,106.7,57.5,107.5z M4.5,54.4 c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S6,56.7,6,55.9S5.3,54.4,4.5,54.4z M11.4,80.2c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5 s1.5-0.7,1.5-1.5S12.2,80.2,11.4,80.2z M100.6,80.2c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S101.4,80.2,100.6,80.2z M30.2,99.1c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S31,99.1,30.2,99.1z M81.7,99.1c-0.8,0-1.5,0.7-1.5,1.5 s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S82.5,99.1,81.7,99.1z M107.5,54.4c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5 S108.3,54.4,107.5,54.4z M56,6c-0.8,0-1.5-0.7-1.5-1.5S55.2,3,56,3s1.5,0.7,1.5,1.5S56.8,6,56,6z M12.9,30.2c0-0.8-0.7-1.5-1.5-1.5 s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S12.9,31.1,12.9,30.2z M102.1,30.3c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5 S102.1,31.2,102.1,30.3z M31.7,11.4c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S31.7,12.3,31.7,11.4z M83.3,11.4 c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S83.3,12.3,83.3,11.4z'/%3E%3C/svg%3E") no-repeat 50%
}

.clock--night::after,
._dark .clock::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath fill='%23FFFFFF' d='M53.1,18.6h-1.6v-7.7h-1.9v-1l3.5-0.7V18.6z M61.8,18.6h-6.3v-1.1l3.1-3.4c0.5-0.6,0.9-1,1.1-1.4 c0.2-0.3,0.3-0.7,0.3-1c0-0.4-0.1-0.8-0.4-1.1c-0.2-0.3-0.6-0.4-1-0.4c-0.6,0-1,0.2-1.2,0.5C57,11,56.9,11.4,56.9,12h-1.6 c0-0.9,0.3-1.6,0.9-2.2c0.6-0.6,1.4-0.9,2.4-0.9c0.9,0,1.7,0.2,2.2,0.7s0.8,1.2,0.8,2c0,0.6-0.2,1.1-0.5,1.6s-0.8,1.1-1.4,1.8 l-2.1,2.3h4.3v1.3H61.8z M98.9,55.3h1.1c0.5,0,0.9-0.1,1.1-0.4c0.2-0.3,0.3-0.6,0.3-1.1s-0.1-0.8-0.4-1.1c-0.2-0.2-0.6-0.4-1.1-0.4 c-0.4,0-0.8,0.1-1.1,0.4c-0.3,0.2-0.4,0.6-0.4,1h-1.6c0-0.8,0.3-1.4,0.8-1.9c0.6-0.5,1.3-0.7,2.2-0.7c0.9,0,1.7,0.2,2.2,0.7 s0.8,1.1,0.8,2c0,0.4-0.1,0.8-0.4,1.2c-0.2,0.4-0.6,0.7-1.1,0.9c0.6,0.2,1,0.5,1.2,0.9s0.4,0.8,0.4,1.3c0,0.9-0.3,1.6-0.9,2.1 s-1.4,0.7-2.3,0.7s-1.6-0.2-2.2-0.7s-0.9-1.1-0.9-2h1.6c0,0.4,0.1,0.8,0.4,1c0.3,0.3,0.7,0.4,1.1,0.4c0.5,0,0.9-0.1,1.2-0.4 c0.3-0.3,0.4-0.6,0.4-1.1s-0.1-0.9-0.4-1.2c-0.3-0.2-0.7-0.4-1.2-0.4h-1.1v-1.2H98.9z M12.1,59.6c0.6,0,1-0.2,1.4-0.6 c0.3-0.4,0.5-1,0.5-1.9v-0.2l0,0c-0.2,0.3-0.5,0.5-0.8,0.6s-0.6,0.2-1,0.2c-0.9,0-1.6-0.3-2.2-0.8c-0.5-0.6-0.8-1.4-0.8-2.4 s0.3-1.8,0.9-2.4c0.6-0.6,1.3-0.9,2.2-0.9c1,0,1.8,0.3,2.4,1c0.6,0.6,0.9,1.6,0.9,2.8v2.2c0,1.2-0.3,2.2-1,2.8c-0.6,0.7-1.5,1-2.5,1 c-0.3,0-0.7,0-1-0.1s-0.7-0.2-1-0.3l0.2-1.2c0.3,0.1,0.6,0.2,0.8,0.3C11.4,59.6,11.8,59.6,12.1,59.6z M12.4,56.5 c0.4,0,0.7-0.1,1-0.2c0.3-0.2,0.5-0.4,0.6-0.6v-1c0-0.8-0.1-1.3-0.4-1.7c-0.3-0.4-0.7-0.6-1.2-0.6c-0.4,0-0.8,0.2-1.1,0.6 c-0.3,0.4-0.4,0.9-0.4,1.5s0.1,1.1,0.4,1.5C11.5,56.4,11.9,56.5,12.4,56.5z M18.7,40.9h-1.6v-7.7h-1.9v-1l3.5-0.7V40.9z M27.4,37.2 c0,1.3-0.3,2.2-0.8,2.8s-1.3,1-2.3,1s-1.7-0.3-2.3-1c-0.6-0.6-0.8-1.6-0.8-2.8V35c0-1.3,0.3-2.2,0.8-2.8c0.5-0.6,1.3-1,2.3-1 s1.7,0.3,2.3,1c0.6,0.6,0.8,1.6,0.8,2.8V37.2z M25.8,34.8c0-0.8-0.1-1.4-0.4-1.7c-0.3-0.4-0.6-0.6-1.1-0.6s-0.9,0.2-1.1,0.6 c-0.3,0.4-0.4,0.9-0.4,1.7v2.6c0,0.8,0.1,1.4,0.4,1.8c0.3,0.4,0.6,0.6,1.2,0.6c0.5,0,0.9-0.2,1.1-0.5s0.4-1,0.4-1.8v-2.7H25.8z M96.6,37.8h-6.3v-1.1l3.1-3.4c0.5-0.6,0.9-1,1.1-1.4c0.2-0.3,0.3-0.7,0.3-1c0-0.4-0.1-0.8-0.4-1.1c-0.2-0.3-0.6-0.4-1-0.4 c-0.6,0-1,0.2-1.2,0.5c-0.3,0.3-0.4,0.7-0.4,1.3h-1.6c0-0.9,0.3-1.6,0.9-2.2s1.4-0.9,2.4-0.9c0.9,0,1.7,0.2,2.2,0.7s0.8,1.2,0.8,2 c0,0.6-0.2,1.1-0.5,1.6c-0.3,0.5-0.8,1.1-1.4,1.8l-2.1,2.3h4.3v1.3H96.6z M21.8,76.2c0,0.5-0.1,0.9-0.4,1.3s-0.6,0.6-1.1,0.8 c0.5,0.2,0.9,0.5,1.2,0.9c0.3,0.4,0.5,0.9,0.5,1.4c0,0.9-0.3,1.6-0.9,2s-1.3,0.7-2.3,0.7s-1.7-0.2-2.3-0.7c-0.6-0.5-0.9-1.1-0.9-2 c0-0.5,0.1-1,0.4-1.4s0.7-0.7,1.3-0.9c-0.5-0.2-0.8-0.5-1.1-0.8c-0.3-0.4-0.4-0.8-0.4-1.3c0-0.9,0.3-1.5,0.8-2s1.2-0.7,2.1-0.7 s1.6,0.2,2.1,0.7C21.5,74.7,21.8,75.4,21.8,76.2z M20.4,80.6c0-0.5-0.1-0.9-0.4-1.1c-0.3-0.3-0.7-0.4-1.1-0.4 c-0.5,0-0.9,0.1-1.1,0.4c-0.3,0.3-0.4,0.7-0.4,1.1c0,0.5,0.1,0.9,0.4,1.1c0.3,0.3,0.7,0.4,1.2,0.4s0.9-0.1,1.1-0.4 S20.4,81,20.4,80.6z M20.2,76.3c0-0.4-0.1-0.8-0.4-1c-0.2-0.3-0.6-0.4-1-0.4s-0.7,0.1-1,0.4c-0.2,0.3-0.4,0.6-0.4,1s0.1,0.8,0.4,1 c0.2,0.3,0.6,0.4,1,0.4s0.7-0.1,1-0.4C20.1,77.1,20.2,76.7,20.2,76.3z M95.6,78.5h1.2v1.3h-1.2v2.1H94v-2.1h-4v-1l4.1-6.4h1.6 L95.6,78.5L95.6,78.5z M91.5,78.5h2.6v-3.9l0,0L94,74.9L91.5,78.5z M37.7,88.6c-1.1,1.3-1.9,2.5-2.2,3.5c-0.4,1-0.6,2.3-0.8,3.8 l-0.1,1H33l0.1-1c0.2-1.5,0.5-2.8,1-3.9s1.2-2.3,2.1-3.3h-5v-1.3h6.6L37.7,88.6L37.7,88.6z M34,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6 z M40.1,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6z M79.3,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6z M76,92.5l0.5-5.3h5v1.4h-3.7L77.6,91 c0.2-0.1,0.4-0.3,0.6-0.3c0.2-0.1,0.5-0.1,0.8-0.1c0.9,0,1.6,0.3,2.1,0.8c0.5,0.6,0.7,1.4,0.7,2.4c0,0.9-0.3,1.7-0.8,2.3 c-0.5,0.6-1.3,0.9-2.3,0.9c-0.9,0-1.6-0.2-2.1-0.7s-0.9-1.1-0.9-2l1.5-0.1c0,0.5,0.1,0.8,0.4,1.1c0.3,0.3,0.6,0.4,1.1,0.4 s0.9-0.2,1.1-0.5c0.3-0.3,0.4-0.8,0.4-1.4s-0.1-1.1-0.4-1.4c-0.3-0.4-0.6-0.5-1.1-0.5c-0.4,0-0.8,0.1-1,0.2s-0.4,0.3-0.5,0.6 L76,92.5z M56.4,93.3c0.3,0,0.7,0,1,0.1s0.6,0.2,0.8,0.3l-0.3,1.2c-0.2-0.1-0.5-0.2-0.7-0.2c-0.2-0.1-0.5-0.1-0.8-0.1 c-0.6,0-1.2,0.2-1.5,0.7c-0.4,0.5-0.6,1.1-0.6,2l0,0c0.3-0.2,0.6-0.4,0.9-0.6c0.3-0.1,0.7-0.2,1.1-0.2c0.9,0,1.5,0.3,2,0.9 s0.7,1.3,0.7,2.3s-0.3,1.8-0.8,2.4c-0.6,0.6-1.3,0.9-2.2,0.9c-1,0-1.8-0.3-2.4-1c-0.6-0.7-0.9-1.6-0.9-2.9v-1.8c0-1.3,0.3-2.3,1-3 S55.3,93.3,56.4,93.3z M56,97.8c-0.4,0-0.7,0.1-1,0.2s-0.5,0.3-0.6,0.6v0.7c0,0.8,0.2,1.4,0.5,1.9c0.3,0.4,0.7,0.6,1.3,0.6 c0.5,0,0.8-0.2,1.1-0.6s0.4-0.9,0.4-1.5s-0.1-1-0.4-1.4S56.5,97.8,56,97.8z'/%3E%3Cpath fill='%23FFFFFF' d='M57.5,107.5c0,0.8-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5S57.5,106.7,57.5,107.5z M4.5,54.4 c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S6,56.7,6,55.9S5.3,54.4,4.5,54.4z M11.4,80.2c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5 s1.5-0.7,1.5-1.5S12.2,80.2,11.4,80.2z M100.6,80.2c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S101.4,80.2,100.6,80.2z M30.2,99.1c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S31,99.1,30.2,99.1z M81.7,99.1c-0.8,0-1.5,0.7-1.5,1.5 s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S82.5,99.1,81.7,99.1z M107.5,54.4c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5 S108.3,54.4,107.5,54.4z M56,6c-0.8,0-1.5-0.7-1.5-1.5S55.2,3,56,3s1.5,0.7,1.5,1.5S56.8,6,56,6z M12.9,30.2c0-0.8-0.7-1.5-1.5-1.5 s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S12.9,31.1,12.9,30.2z M102.1,30.3c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5 S102.1,31.2,102.1,30.3z M31.7,11.4c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S31.7,12.3,31.7,11.4z M83.3,11.4 c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S83.3,12.3,83.3,11.4z'/%3E%3C/svg%3E") no-repeat 50%
}

.time--large .clock,
.time--large .clock--night {
    width: 168px;
    height: 168px
}

    .time--large .clock--night::before {
        display: inline-block;
        vertical-align: middle;
        min-width: 24px;
        font: 24px/24px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

.time--large .clock__hours::before,
.clockonly .clock__hours::before,
.clockonly .clock--night__hours::before {
    width: 8px;
    border-radius: 4px;
    margin-left: -4px;
    border-width: 3px
}

.time--large .clock__minutes::before,
.clockonly .clock__minutes::before,
.clockonly .clock--night__minutes::before {
    width: 4px;
    border-radius: 2px;
    margin-left: -2px
}

.time--large .clock__minutes:after,
.clockonly .clock__minutes:after,
.clockonly .clock--night__minutes:after {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px
}

.time--large .clock__seconds::before,
.clockonly .clock__seconds::before,
.clockonly .clock--night__seconds::before {
    margin-bottom: -15px
}

.time--large .clock__seconds:after,
.clockonly .clock__seconds:after,
.clockonly .clock--night__seconds:after {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px
}

.time--medium .clock,
.time--medium .clock--night {
    width: 112px;
    height: 112px
}

    .time--medium .clock--night::before {
        display: inline-block;
        vertical-align: middle;
        min-width: 16px;
        font: 16px/16px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

.time--medium .clock__hours::before {
    width: 6px;
    border-radius: 3px;
    margin-left: -3px;
    border-width: 2px
}

.time--medium .clock__minutes::before {
    width: 2px;
    border-radius: 1px;
    margin-left: -1px
}

.time--medium .clock__minutes:after {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px
}

.time--medium .clock__seconds::before {
    margin-bottom: -10px
}

.time--medium .clock__seconds::after {
    width: 4px;
    height: 4px;
    margin: -2px 0 0 -2px
}

.time--small .clock,
.time--small .clock--night {
    width: 84px;
    height: 84px
}

    .time--small .clock--night::before {
        display: inline-block;
        vertical-align: middle;
        min-width: 16px;
        font: 16px/16px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    .time--small .clock--night::before {
        margin: 0 0 -3px -3px
    }

.time--small .clock__hours::before {
    width: 6px;
    border-radius: 3px;
    margin-left: -3px;
    border-width: 2px
}

.time--small .clock__minutes::before {
    width: 2px;
    border-radius: 1px;
    margin-left: -1px
}

.time--small .clock__minutes:after {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px
}

.time--small .clock__seconds::before {
    margin-bottom: -7px
}

.time--small .clock__seconds::after {
    width: 4px;
    height: 4px;
    margin: -2px 0 0 -2px
}

.location__set {
    font-size: .84em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.birthdays__item,
.radio__item,
.songs__item,
.favorites__item {
    margin: 0 0 calc(14px - .24rem) 0
}

    .birthdays__item:last-child,
    .radio__item:last-child,
    .songs__item:last-child,
    .favorites__item:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .birthdays__item > a,
    .radio__item > a,
    .songs__item > a,
    .favorites__item > a {
        display: block;
        padding-left: 42px
    }

        .birthdays__item > a:hover,
        .radio__item > a:hover,
        .songs__item > a:hover,
        .favorites__item > a:hover {
            text-decoration: none
        }

.birthdays__item__name,
.radio__item__name,
.songs__item__name,
.favorites__item__name {
    display: block
}

a:hover .birthdays__item__name,
a:hover .radio__item__name,
a:hover .songs__item__name,
a:hover .favorites__item__name {
    text-decoration: none
}

.birthdays__item__description,
.radio__item__description,
.songs__item__description,
.favorites__item__description {
    display: block;
    margin-top: .24rem;
    font-size: .72em;
    color: #343434;
    line-height: 1.2
}

.birthdays__item__picture,
.radio__item__picture,
.songs__item__picture,
.favorites__item__picture {
    float: left;
    position: relative;
    height: 28px;
    width: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    text-align: center;
    margin-left: -42px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAzMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7b3BhY2l0eTowLjI1O30uc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMEExNDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48ZyBjbGFzcz0ic3QwIj48bGluZSBjbGFzcz0ic3QxIiB4MT0iMC41IiB5MT0iMC41IiB4Mj0iMzkuNSIgeTI9IjI5LjUiLz48L2c+PGcgY2xhc3M9InN0MCI+PGxpbmUgY2xhc3M9InN0MSIgeDE9IjM5LjUiIHkxPSIwLjUiIHgyPSIwLjUiIHkyPSIyOS41Ii8+PC9nPjwvc3ZnPg==) no-repeat 50%;
    background-color: #fff
}

    .birthdays__item__picture::before,
    .radio__item__picture::before,
    .songs__item__picture::before,
    .favorites__item__picture::before {
        display: block;
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-box-shadow: 0 0 0 1px rgba(1,4,7,0.1) inset;
        box-shadow: 0 0 0 1px rgba(1,4,7,0.1) inset
    }

    .birthdays__item__picture img,
    .radio__item__picture img,
    .songs__item__picture img,
    .favorites__item__picture img {
        width: 28px;
        min-height: 28px;
        object-fit: cover
    }

.birthdays__source,
.radio__source,
.songs__source,
.favorites__source,
.puzzlegarage__source {
    margin: -8px -10px 0 14px;
    float: right;
    text-align: right;
    line-height: 1;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #7b7b7b;
    font-size: 10px;
    text-decoration: none
}

    .birthdays__source > a img,
    .radio__source > a img,
    .songs__source > a img,
    .favorites__source > a img,
    .puzzlegarage__source > a img {
        vertical-align: baseline;
        height: 21px;
        width: 53px
    }

.radio__source {
    margin-top: -2px
}

    .radio__source > a img {
        vertical-align: middle;
        margin-left: .48rem;
        height: 21px;
        width: 94px
    }

.songs__source {
    margin-top: -2px
}

    .songs__source > a img {
        vertical-align: middle;
        margin-left: .48rem;
        height: 21px;
        width: 94px
    }

.favorites {
    padding-bottom: 0
}

    .favorites .place__time-difference > li {
        flex-basis: 100%
    }

@media screen and (min-width:600px) {
    .favorites .place__time-difference > li {
        flex-basis: 50%
    }
}

.places .input-suggestion {
    margin-bottom: calc(28px - .24rem)
}

.place {
    padding-bottom: 0
}

    .place .time--large {
        margin-bottom: calc(56px - .24rem)
    }

.place__info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .place__info .get-code {
        margin-top: calc(28px - .24rem)
    }

    .place__info .time--large,
    .place__info__dst,
    .place__info__nodst {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        padding-right: 28px
    }

@media screen and (max-width:599px) {
    .place__info .time--large,
    .place__info__dst,
    .place__info__nodst {
        flex-basis: 100%
    }
}

.place__info__dst {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .place__info__dst > li {
        margin: 0 0 calc(28px - .24rem) 0;
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .place__info__dst .date {
        font-family: system-ui,sans-serif;
        font-family: Montserrat,sans-serif;
        font-weight: 900
    }

.place__info__nodst {
    color: #c6c6c6
}

@media screen and (min-width:600px) {
    .place__info .clock,
    .place__info .clock--night {
        margin-left: auto;
        margin-right: auto
    }

        .place__info .clock + .date,
        .place__info .clock--night + .date {
            text-align: center
        }
}

.time--large + .place__info__details,
.time--large + .calendar-date__details,
.time--large + .moon__info,
.place__info__dst + .place__info__details,
.place__info__dst + .calendar-date__details,
.place__info__dst + .moon__info,
.place__info__nodst + .place__info__details,
.place__info__nodst + .calendar-date__details,
.place__info__nodst + .moon__info {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

@media screen and (max-width:599px) {
    .time--large + .place__info__details,
    .time--large + .calendar-date__details,
    .time--large + .moon__info,
    .place__info__dst + .place__info__details,
    .place__info__dst + .calendar-date__details,
    .place__info__dst + .moon__info,
    .place__info__nodst + .place__info__details,
    .place__info__nodst + .calendar-date__details,
    .place__info__nodst + .moon__info {
        flex-basis: 100%
    }
}

.place__info > .place__info__details,
.place__info > .calendar-date__details,
.place__info > .moon__info {
    margin-bottom: calc(28px - .24rem)
}

.place__info__details b,
.calendar-date__details b,
.moon__info b {
    white-space: nowrap
}

.place__info__details img,
.calendar-date__details img,
.moon__info img {
    height: 24px;
    width: 24px;
    float: left;
    margin-left: -38px
}

    .place__info__details img[src*="wiki"],
    .calendar-date__details img[src*="wiki"],
    .moon__info img[src*="wiki"] {
        height: 20px;
        width: 20px;
        margin-top: 2px;
        margin-left: -36px
    }

.place__info__details .i-wiki::before,
.calendar-date__details .i-wiki::before,
.moon__info .i-wiki::before {
    font-size: 20px;
    line-height: 20px;
    text-align: center
}

.place__table-timezones {
    width: 100%;
    margin-bottom: calc(28px - .24rem)
}

    .place__table-timezones tr td,
    .place__table-timezones tr th {
        vertical-align: top;
        padding: 7px 14px 7px 0
    }

@media screen and (min-width:784px) {
    .place__table-timezones tr td,
    .place__table-timezones tr th {
        padding-left: 14px
    }
}

.place__table-timezones tr td:nth-of-type(1),
.place__table-timezones tr th:nth-of-type(1) {
    width: 1%;
    text-align: right;
    white-space: nowrap
}

.place__table-timezones tr td:nth-of-type(2) a::after,
.place__table-timezones tr th:nth-of-type(2) a::after {
    content: ','
}

.place__table-timezones tr td:last-child,
.place__table-timezones tr th:last-child {
    width: 1%
}

@media screen and (min-width:784px) {
    .place__table-timezones tr td:last-child,
    .place__table-timezones tr th:last-child {
        white-space: nowrap
    }
}

.place__map__map,
.place__map__items {
    -webkit-box-shadow: 0 0 0 1px #f00 inset;
    box-shadow: 0 0 0 1px #f00 inset;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

@media screen and (min-width:600px) {
    .place__map__map,
    .place__map__items {
        flex-basis: 50%
    }
}

.place__map__items {
    padding-top: calc(28px - .24rem)
}

@media screen and (min-width:600px) {
    .place__map__items {
        padding: 0 0 0 28px
    }
}

.place__map__items ul {
    padding-left: 0
}

.block .time-difference {
    padding: 0
}

.locality + .block .block.time-difference {
    margin-top: calc(28px - .24rem);
    margin-bottom: 0;
    padding-top: calc(28px - .24rem)
}

.time-difference table,
.time-difference tbody {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .time-difference table tr {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: fit-content;
        margin-bottom: calc(28px - .24rem);
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .time-difference table tr:nth-of-type(even) {
            background: initial
        }

        .time-difference table tr:hover td {
            background: initial !important
        }

        .time-difference table tr:not(:last-child ) {
            margin-right: 28px
        }

    .time-difference table td {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

        .time-difference table td:first-child {
            margin-bottom: 0
        }

    .time-difference table ins {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-decoration: none;
        text-decoration: none;
        color: #9e9e9e
    }

    .time-difference table button {
        background: transparent;
        border: none;
        padding: 0 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-decoration: none;
        outline: 0;
        border-radius: 0;
        text-shadow: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: 50%;
        color: #007dbf;
        border: 1px solid #007dbf;
        border-radius: 3px;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

        .time-difference table button::before {
            margin-right: 0
        }

        .time-difference table button::before {
            display: inline-block;
            vertical-align: middle;
            min-width: 56px;
            font: 56px/56px 'dayspedia-icons.v31';
            text-decoration: none;
            -webkit-transition: .15s;
            -moz-transition: .15s;
            -o-transition: .15s;
            transition: .15s
        }

        .time-difference table button::before {
            content: "\e90f"
        }

        .time-difference table button:hover {
            color: #343434;
            border-color: #343434;
            -webkit-transform: scale(1.06);
            -ms-transform: scale(1.06);
            -o-transform: scale(1.06);
            -webkit-transform: scale(1.06);
            -ms-transform: scale(1.06);
            -o-transform: scale(1.06);
            transform: scale(1.06)
        }

    .time-difference table + .i-converter {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 -3px -3px
    }

.time-difference__options {
    margin-left: -3px;
    padding: .24rem 0 0 38px
}

    .time-difference__options a {
        font-size: .84em;
        color: #7b7b7b;
        border-bottom: 1px solid rgba(123,123,123,0.24)
    }

        .time-difference__options a:hover {
            color: #343434;
            border-bottom-color: transparent
        }

.time__location {
    margin-top: calc(28px - .24rem)
}

    .time__location .location__name {
        font-size: 1.24em;
        line-height: 1.2
    }

.multitime {
    padding-bottom: 0
}

.multitime__items {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

    .multitime__items > li {
        margin: 0 0 calc(28px - .24rem) 0;
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

@media screen and (min-width:600px) {
    .multitime__items > li {
        flex-basis: 50%;
        padding-right: 56px
    }
}

.multitime__items > li h2 {
    margin-bottom: calc(14px - .24rem);
    white-space: nowrap
}

.timezone__description {
    font-size: .84em
}

._worldclock-settings fieldset button {
    margin-left: -38px;
    margin-right: 14px
}

table.calendar tr:nth-of-type(even) {
    background: none
}

table.calendar tr:not(:first-child):hover td {
    background: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

table.calendar td,
table.calendar th {
    padding: 0;
    text-align: center
}

table.calendar th {
    text-transform: uppercase
}

    table.calendar th > a,
    table.calendar th > span,
    table.calendar th > label {
        display: block;
        padding: 7px 14px;
        text-decoration: none
    }

table.calendar ._not-current > a,
table.calendar ._not-current > span,
table.calendar ._not-current > label {
    color: #c6c6c6
}

.place + .block.widget,
.place + .block.inner-promo {
    margin-top: 0
}

    .place + .block.widget::before,
    .place + .block.inner-promo::before {
        content: none
    }

.widget {
    -ms-flex-order: 10;
    -webkit-order: 10;
    order: 10
}

    .widget .DPDC,
    .widget .DPAC {
        margin-bottom: calc(28px - .24rem)
    }

@media screen and (min-width:600px) {
    .widget .DPDC,
    .widget .DPAC {
        float: left;
        width: 308px;
        margin-right: 28px
    }
}

.widget .DPAC {
    background-image: url(/img/widgets/bg-11.png);
    border-width: 0
}

.widget .DPACt {
    background-color: #fff
}

.widget .DPACts > path {
    fill: #ff7200
}

.widget .DPDC {
    background-image: url(/img/widgets/bg-3.png);
    border-width: 0
}

.widget .DPDCh {
    color: #63000e
}

.widget .DPDC .DPl > span {
    color: #63000e !important
}

.widget .DPDC .DPl > svg > path {
    fill: #63000e !important
}

.countdown-form,
.stopwatch__counter-form,
.countdown-form section,
.stopwatch__counter-form section {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .countdown-form h1,
    .stopwatch__counter-form h1,
    .countdown-form section h1,
    .stopwatch__counter-form section h1,
    .countdown-form h2,
    .stopwatch__counter-form h2,
    .countdown-form section h2,
    .stopwatch__counter-form section h2,
    .countdown-form h3,
    .stopwatch__counter-form h3,
    .countdown-form section h3,
    .stopwatch__counter-form section h3,
    .countdown-form .alert--error,
    .stopwatch__counter-form .alert--error,
    .countdown-form section .alert--error,
    .stopwatch__counter-form section .alert--error {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

    .countdown-form .input-suggestion,
    .stopwatch__counter-form .input-suggestion,
    .countdown-form section .input-suggestion,
    .stopwatch__counter-form section .input-suggestion {
        flex-grow: 1;
        padding-bottom: calc(14px - .24rem)
    }

    .countdown-form label::after,
    .stopwatch__counter-form label::after,
    .countdown-form section label::after,
    .stopwatch__counter-form section label::after,
    .countdown-share label::after,
    .stopwatch__counter-share label::after {
        display: block;
        content: '';
        height: calc(7px - .24rem)
    }

    .countdown-form section,
    .stopwatch__counter-form section {
        position: relative;
        margin-top: calc(14px - .24rem);
        margin-bottom: calc(14px - .24rem)
    }

.countdown-name,
.stopwatch__counter-name,
.countdown-description,
.stopwatch__counter-description,
.countdown-style,
.stopwatch__counter-style,
.countdown-repeat,
.stopwatch__counter-repeat,
.countdown-sound,
.stopwatch__counter-sound {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.countdown-date,
.stopwatch__counter-date,
.countdown-time,
.stopwatch__counter-time {
    padding-right: 14px
}

    .countdown-date:disabled,
    .stopwatch__counter-date:disabled,
    .countdown-time:disabled,
    .stopwatch__counter-time:disabled {
        color: #7b7b7b
    }

.countdown-form h1,
.stopwatch__counter-form h1,
.countdown-form h2,
.stopwatch__counter-form h2,
.countdown-form h3,
.stopwatch__counter-form h3 {
    -ms-flex-order: -4;
    -webkit-order: -4;
    order: -4
}

.countdown-form .countdown-date,
.stopwatch__counter-form .stopwatch__counter-date {
    -ms-flex-order: -3;
    -webkit-order: -3;
    order: -3
}

.countdown-form .countdown-time,
.stopwatch__counter-form .stopwatch__counter-time {
    -ms-flex-order: -2;
    -webkit-order: -2;
    order: -2
}

.countdown-form .input-suggestion,
.stopwatch__counter-form .input-suggestion {
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1
}

@media screen and (max-width:599px) {
    .countdown-form .input-suggestion,
    .stopwatch__counter-form .input-suggestion {
        -ms-flex-order: unset;
        -webkit-order: unset;
        order: unset
    }
}

.countdown-style,
.stopwatch__counter-style {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.countdown-style,
.stopwatch__counter-style {
    margin: calc(14px - .24rem) 0 calc(28px - .24rem)
}

    .countdown-style > div,
    .stopwatch__counter-style > div {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

    .countdown-style .more,
    .stopwatch__counter-style .more {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 46px
    }

        .countdown-style .more ins,
        .stopwatch__counter-style .more ins {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 14px;
            margin-left: -46px;
            padding: 2px;
            font: 10px Montserrat,sans-serif;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            min-width: 32px;
            height: 24px;
            border-radius: 3px;
            cursor: pointer;
            -webkit-box-shadow: 0 0 0 1px rgba(1,4,7,0.25) inset;
            box-shadow: 0 0 0 1px rgba(1,4,7,0.25) inset;
            background-color: #f3f3f3;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            text-decoration: none;
            -webkit-transition: .15s;
            -moz-transition: .15s;
            -o-transition: .15s;
            transition: .15s
        }

.countdown-style__swatch ul,
.stopwatch__counter-style__swatch ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

    .countdown-style__swatch ul li,
    .stopwatch__counter-style__swatch ul li {
        margin: 14px 14px 0 0;
        padding: 7px 14px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font: 24px Montserrat,sans-serif;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        min-width: 48px;
        height: 36px;
        border-radius: 3px;
        cursor: pointer;
        -webkit-box-shadow: 0 0 0 1px rgba(1,4,7,0.25) inset;
        box-shadow: 0 0 0 1px rgba(1,4,7,0.25) inset
    }

        .countdown-style__swatch ul li:first-child,
        .stopwatch__counter-style__swatch ul li:first-child {
            background-color: #f3f3f3
        }

        .countdown-style__swatch ul li:last-child,
        .stopwatch__counter-style__swatch ul li:last-child {
            margin-right: 0
        }

        .countdown-style__swatch ul li.active,
        .stopwatch__counter-style__swatch ul li.active {
            position: relative;
            cursor: default
        }

            .countdown-style__swatch ul li.active::before,
            .stopwatch__counter-style__swatch ul li.active::before,
            .countdown-style__swatch ul li.active::after,
            .stopwatch__counter-style__swatch ul li.active::after {
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                -ms-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

            .countdown-style__swatch ul li.active::before,
            .stopwatch__counter-style__swatch ul li.active::before {
                content: '';
                background: #fff;
                border-radius: 50%;
                height: 22px;
                width: 22px;
                -webkit-box-shadow: 0 0 7px 4px rgba(1,4,7,0.25);
                box-shadow: 0 0 7px 4px rgba(1,4,7,0.25)
            }

            .countdown-style__swatch ul li.active::after,
            .stopwatch__counter-style__swatch ul li.active::after {
                content: '\e90d';
                text-align: center;
                font: 16px/24px 'dayspedia-icons.v31';
                color: #343434
            }

        .countdown-style__swatch ul li ins,
        .stopwatch__counter-style__swatch ul li ins {
            font: 10px/1 system-ui,sans-serif;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            text-decoration: none
        }

.countdown-event,
.stopwatch__counter-event {
    margin-left: 36px
}

    .countdown-event .i-remove,
    .stopwatch__counter-event .i-remove {
        position: absolute;
        top: 0;
        left: -36px
    }

        .countdown-event .i-remove::before,
        .stopwatch__counter-event .i-remove::before {
            color: #c73c4e
        }

.countdown-add,
.stopwatch__counter-add {
    line-height: 24px;
    margin-left: 36px
}

    .countdown-add .i-add.link,
    .stopwatch__counter-add .i-add.link {
        display: inline-block;
        vertical-align: middle
    }

        .countdown-add .i-add.link::before,
        .stopwatch__counter-add .i-add.link::before {
            margin: -12px 0 -12px -48px
        }

        .countdown-add .i-add.link + span,
        .stopwatch__counter-add .i-add.link + span {
            white-space: nowrap
        }

.countdown-sound .timer__options__menu,
.stopwatch__counter-sound .timer__options__menu {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .countdown-sound .timer__options__menu > li,
    .stopwatch__counter-sound .timer__options__menu > li {
        margin: 0 0 0 -14px;
        padding-left: 0
    }

.countdown-holidays .list-links--decorated,
.stopwatch__counter-holidays .list-links--decorated {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -14px
}

    .countdown-holidays .list-links--decorated > li,
    .stopwatch__counter-holidays .list-links--decorated > li {
        -webkit-flex: 0 0 33.333333333333336%;
        -ms-flex: 0 0 33.333333333333336%;
        flex: 0 0 33.333333333333336%;
        padding-right: 14px
    }

.countdown__birthday,
.stopwatch__counter__birthday {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    z-index: 1049;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background-color: rgba(255,255,255,0.72);
    color: #343434;
    text-shadow: none
}

    .countdown__birthday h2,
    .stopwatch__counter__birthday h2 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        text-align: center
    }

    .countdown__birthday label,
    .stopwatch__counter__birthday label {
        display: block;
        font-weight: 600;
        height: 24px
    }

    .countdown__birthday .countdown-date .link,
    .stopwatch__counter__birthday .countdown-date .link {
        float: right;
        line-height: 1.2
    }

@media screen and (min-width:600px) {
    .countdown__birthday fieldset,
    .stopwatch__counter__birthday fieldset {
        margin-bottom: 0
    }

    .countdown__birthday .form-action--left button,
    .stopwatch__counter__birthday .form-action--left button {
        margin-top: 24px
    }
}

@media screen and (max-width:599px) {
    .countdown__birthday .form-action--left,
    .stopwatch__counter__birthday .form-action--left {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

        .countdown__birthday .form-action--left button,
        .stopwatch__counter__birthday .form-action--left button {
            margin-left: auto;
            margin-right: auto
        }
}

.countdown._bd .countdown__description,
.stopwatch__counter._bd .countdown__description {
    visibility: hidden
}

.countdown._bd,
.stopwatch__counter._bd,
.countdown._bd._fullscreen,
.stopwatch__counter._bd._fullscreen {
    background: none;
    color: #101010;
    text-shadow: 0 0 4px #fff
}

    .countdown._bd .switch-mirror,
    .stopwatch__counter._bd .switch-mirror,
    .countdown._bd._fullscreen .switch-mirror,
    .stopwatch__counter._bd._fullscreen .switch-mirror {
        font-weight: 600
    }

        .countdown._bd .switch-mirror input[type='checkbox'] + i,
        .stopwatch__counter._bd .switch-mirror input[type='checkbox'] + i,
        .countdown._bd._fullscreen .switch-mirror input[type='checkbox'] + i,
        .stopwatch__counter._bd._fullscreen .switch-mirror input[type='checkbox'] + i {
            background: rgba(255,255,255,0.48) !important;
            -webkit-box-shadow: 0 0 0 1px #101010 inset,0 0 4px #fff;
            box-shadow: 0 0 0 1px #101010 inset,0 0 4px #fff
        }

            .countdown._bd .switch-mirror input[type='checkbox'] + i::after,
            .stopwatch__counter._bd .switch-mirror input[type='checkbox'] + i::after,
            .countdown._bd._fullscreen .switch-mirror input[type='checkbox'] + i::after,
            .stopwatch__counter._bd._fullscreen .switch-mirror input[type='checkbox'] + i::after {
                -webkit-box-shadow: 0 0 0 1px #101010 inset;
                box-shadow: 0 0 0 1px #101010 inset
            }

    .countdown._bd .switch-dark,
    .stopwatch__counter._bd .switch-dark,
    .countdown._bd._fullscreen .switch-dark,
    .stopwatch__counter._bd._fullscreen .switch-dark {
        display: none
    }

    .countdown._bd::before,
    .stopwatch__counter._bd::before,
    .countdown._bd::after,
    .stopwatch__counter._bd::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .countdown._bd::before,
    .stopwatch__counter._bd::before {
        z-index: -1;
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
        background-color: rgba(255,255,255,0.15)
    }

    .countdown._bd::after,
    .stopwatch__counter._bd::after {
        z-index: -2;
        background-color: #fff;
        background-image: url(/img/holidays/birthday.jpg);
        background-size: cover
    }

._fullscreen .countdown._bd::after,
._fullscreen .stopwatch__counter._bd::after {
    background-image: url(/img/holidays/birthday_fullscreen.jpg)
}

.countdown._bd .clock__controls .i-edit::before,
.stopwatch__counter._bd .clock__controls .i-edit::before {
    color: #101010
}

.countdown._bd .countdown__start,
.stopwatch__counter._bd .countdown__start,
.countdown._bd .time span,
.stopwatch__counter._bd .time span {
    font-weight: 600;
    opacity: initial
}

.countdown._bd .time__seconds::before,
.stopwatch__counter._bd .time__seconds::before,
.countdown._bd .time__seconds .number,
.stopwatch__counter._bd .time__seconds .number {
    opacity: initial
}

.i-bd::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    margin-right: 7px;
    font: 24px/24px 'dayspedia-icons.v31';
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.i-bd::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffc107' d='M21,17H3v-1c0-1.1,0.9-2,2-2h14c1.1,0,2,0.9,2,2V17z M19,10c0-1.1-0.9-2-2-2H7c-1.1,0-2,0.9-2,2v1h14V10z'/%3E%3Cpath fill='%23c73c4e' d='M21,17v3c0,0.55-0.45,1-1,1H4c-0.55,0-1-0.45-1-1v-3H21z M19,11H5v3h14V11z M13,6h-2v2h2V6z M12,0.5 c0,0-2,1.4-2,2.5s0.9,2,2,2c1.1,0,2-0.9,2-2S12,0.5,12,0.5z'/%3E%3C/svg%3E%0A") no-repeat 50%
}

.i-bd::before {
    height: 24px
}

.countdown._ny .countdown__description,
.stopwatch__counter._ny .countdown__description {
    visibility: hidden
}

.countdown._ny,
.stopwatch__counter._ny,
.countdown._ny._fullscreen,
.stopwatch__counter._ny._fullscreen {
    background: none;
    color: #101010;
    text-shadow: 0 0 4px #fff
}

    .countdown._ny .switch-mirror,
    .stopwatch__counter._ny .switch-mirror,
    .countdown._ny._fullscreen .switch-mirror,
    .stopwatch__counter._ny._fullscreen .switch-mirror {
        font-weight: 600
    }

        .countdown._ny .switch-mirror input[type='checkbox'] + i,
        .stopwatch__counter._ny .switch-mirror input[type='checkbox'] + i,
        .countdown._ny._fullscreen .switch-mirror input[type='checkbox'] + i,
        .stopwatch__counter._ny._fullscreen .switch-mirror input[type='checkbox'] + i {
            background: rgba(255,255,255,0.48) !important;
            -webkit-box-shadow: 0 0 0 1px #101010 inset,0 0 4px #fff;
            box-shadow: 0 0 0 1px #101010 inset,0 0 4px #fff
        }

            .countdown._ny .switch-mirror input[type='checkbox'] + i::after,
            .stopwatch__counter._ny .switch-mirror input[type='checkbox'] + i::after,
            .countdown._ny._fullscreen .switch-mirror input[type='checkbox'] + i::after,
            .stopwatch__counter._ny._fullscreen .switch-mirror input[type='checkbox'] + i::after {
                -webkit-box-shadow: 0 0 0 1px #101010 inset;
                box-shadow: 0 0 0 1px #101010 inset
            }

    .countdown._ny .switch-dark,
    .stopwatch__counter._ny .switch-dark,
    .countdown._ny._fullscreen .switch-dark,
    .stopwatch__counter._ny._fullscreen .switch-dark {
        display: none
    }

    .countdown._ny::before,
    .stopwatch__counter._ny::before,
    .countdown._ny::after,
    .stopwatch__counter._ny::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .countdown._ny::before,
    .stopwatch__counter._ny::before {
        z-index: -1;
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
        background-color: rgba(255,255,255,0.15)
    }

    .countdown._ny::after,
    .stopwatch__counter._ny::after {
        z-index: -2;
        background-color: #fff;
        background-image: url(/img/holidays/newyear.jpg);
        background-size: cover
    }

._fullscreen .countdown._ny::after,
._fullscreen .stopwatch__counter._ny::after {
    background-image: url(/img/holidays/newyear_fullscreen.jpg)
}

.countdown._ny .clock__controls .i-edit::before,
.stopwatch__counter._ny .clock__controls .i-edit::before {
    color: #101010
}

.countdown._ny .countdown__start,
.stopwatch__counter._ny .countdown__start,
.countdown._ny .time span,
.stopwatch__counter._ny .time span {
    font-weight: 600;
    opacity: initial
}

.countdown._ny .time__seconds::before,
.stopwatch__counter._ny .time__seconds::before,
.countdown._ny .time__seconds .number,
.stopwatch__counter._ny .time__seconds .number {
    opacity: initial
}

.i-ny::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    margin-right: 7px;
    font: 24px/24px 'dayspedia-icons.v31';
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.i-ny::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300a05a' d='M1.22,21.25l14-5l-9-9L1.22,21.25z'/%3E%3Cpath fill='%23c73c4e' d='M9.33,4.45L8.68,3.8l1.05-1.05l0.65,0.65c0.53,0.53,0.8,1.17,0.8,1.9s-0.27,1.37-0.8,1.9l-0.6,0.6L8.72,6.75 l0.6-0.6C9.56,5.92,9.68,5.63,9.68,5.3C9.68,4.97,9.56,4.68,9.33,4.45z M13.779,11.8l5.601-5.6c0.229-0.23,0.53-0.35,0.88-0.35 S20.9,5.97,21.141,6.2l0.6,0.6l1.05-1.05l-0.601-0.6c-0.539-0.53-1.18-0.8-1.93-0.8s-1.39,0.27-1.93,0.8l-5.6,5.6L13.779,11.8z'/%3E%3Cpath fill='%23ffc107' d='M14.32,3.4l-1.6-1.6l1.049-1.05l1.601,1.6c0.53,0.53,0.8,1.17,0.8,1.92s-0.27,1.39-0.8,1.93l-3.6,3.6 l-1.05-1.05l3.6-3.6c0.229-0.23,0.35-0.52,0.35-0.88S14.561,3.63,14.32,3.4z M18.25,10.35c-0.75,0-1.391,0.27-1.93,0.8l-1.6,1.6 l1.049,1.05l1.601-1.6c0.229-0.229,0.53-0.351,0.88-0.351s0.641,0.121,0.88,0.351l1.601,1.6l1.049-1.05l-1.6-1.6 C19.641,10.62,19,10.35,18.25,10.35z'/%3E%3C/svg%3E") no-repeat 50%
}

.i-ny::before {
    height: 24px
}

.countdown._hw .countdown__description,
.stopwatch__counter._hw .countdown__description {
    visibility: hidden
}

.countdown._hw,
.stopwatch__counter._hw,
.countdown._hw._fullscreen,
.stopwatch__counter._hw._fullscreen {
    background: none;
    color: #fff;
    text-shadow: 0 0 4px #000
}

    .countdown._hw .switch-mirror,
    .stopwatch__counter._hw .switch-mirror,
    .countdown._hw._fullscreen .switch-mirror,
    .stopwatch__counter._hw._fullscreen .switch-mirror {
        font-weight: 600
    }

        .countdown._hw .switch-mirror input[type='checkbox'] + i,
        .stopwatch__counter._hw .switch-mirror input[type='checkbox'] + i,
        .countdown._hw._fullscreen .switch-mirror input[type='checkbox'] + i,
        .stopwatch__counter._hw._fullscreen .switch-mirror input[type='checkbox'] + i {
            background: rgba(0,0,0,0.48) !important;
            -webkit-box-shadow: 0 0 0 1px #fff inset,0 0 4px #000;
            box-shadow: 0 0 0 1px #fff inset,0 0 4px #000
        }

            .countdown._hw .switch-mirror input[type='checkbox'] + i::after,
            .stopwatch__counter._hw .switch-mirror input[type='checkbox'] + i::after,
            .countdown._hw._fullscreen .switch-mirror input[type='checkbox'] + i::after,
            .stopwatch__counter._hw._fullscreen .switch-mirror input[type='checkbox'] + i::after {
                -webkit-box-shadow: 0 0 0 1px #fff inset;
                box-shadow: 0 0 0 1px #fff inset
            }

    .countdown._hw .switch-dark,
    .stopwatch__counter._hw .switch-dark,
    .countdown._hw._fullscreen .switch-dark,
    .stopwatch__counter._hw._fullscreen .switch-dark {
        display: none
    }

    .countdown._hw::before,
    .stopwatch__counter._hw::before,
    .countdown._hw::after,
    .stopwatch__counter._hw::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .countdown._hw::before,
    .stopwatch__counter._hw::before {
        z-index: -1;
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
        background-color: rgba(0,0,0,0.15)
    }

    .countdown._hw::after,
    .stopwatch__counter._hw::after {
        z-index: -2;
        background-color: #000;
        background-image: url(/img/holidays/halloween.jpg);
        background-size: cover
    }

._fullscreen .countdown._hw::after,
._fullscreen .stopwatch__counter._hw::after {
    background-image: url(/img/holidays/halloween_fullscreen.jpg)
}

.countdown._hw .clock__controls .i-edit::before,
.stopwatch__counter._hw .clock__controls .i-edit::before {
    color: #fff
}

.countdown._hw .countdown__start,
.stopwatch__counter._hw .countdown__start,
.countdown._hw .time span,
.stopwatch__counter._hw .time span {
    font-weight: 600;
    opacity: initial
}

.countdown._hw .time__seconds::before,
.stopwatch__counter._hw .time__seconds::before,
.countdown._hw .time__seconds .number,
.stopwatch__counter._hw .time__seconds .number {
    opacity: initial
}

.i-hw::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    margin-right: 7px;
    font: 24px/24px 'dayspedia-icons.v31';
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.i-hw::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300a05a' d='M13,8.09h-2V5c0-2.21,1.79-4,4-4v2c-1.1,0-2,0.9-2,2V8.09z'/%3E%3Cpath fill='%23ffc107' d='M15,5c-0.66,0-1.3,0.11-1.91,0.29C12.74,5.11,12.38,5,12,5s-0.74,0.11-1.09,0.29C10.3,5.11,9.66,5,9,5 c-3.87,0-7,3.36-7,7.5C2,16.641,5.13,20,9,20c0.66,0,1.3-0.109,1.91-0.29C11.26,19.891,11.62,20,12,20s0.74-0.109,1.09-0.29 C13.7,19.891,14.34,20,15,20c3.87,0,7-3.359,7-7.5C22,8.36,18.87,5,15,5z'/%3E%3Cpath fill='%23c73c4e' d='M17,13c0,0-0.439,4-5,4c-4.56,0-5-4-5-4h3v1.5h2V13H17z M11.58,9.77C10.9,8.95,9.98,8.5,9,8.5 S7.1,8.95,6.42,9.77l1.15,0.96c0.78-0.94,2.07-0.94,2.85,0L11.58,9.77z M17.529,9.72c-1.35-1.35-3.709-1.35-5.059,0l1.059,1.059 c0.791-0.789,2.15-0.789,2.941,0L17.529,9.72z'/%3E%3C/svg%3E") no-repeat 50%
}

.i-hw::before {
    height: 24px
}

main .other-games {
    flex-grow: 1;
    position: relative;
    padding-top: 14px;
    margin-top: 14px;
    -webkit-box-shadow: 0 0 0 1px #343434 inset;
    box-shadow: 0 0 0 1px #343434 inset
}

@media screen and (max-width:783px) {
    main .other-games {
        flex-shrink: 1;
        flex-basis: auto;
        margin-right: 14px;
        margin-left: 14px
    }
}

aside .other-games h2 {
    margin: 0
}

main .other-games h2 {
    position: absolute;
    top: -0.56em;
    left: 50%;
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    margin: 0 auto;
    padding: 0 .48rem;
    text-align: center;
    backgroundbackground-image: -webkit-linear-gradient(top,#f3f3f3 10%,#fff 80%);
    background-image: -o-linear-gradient(top,#f3f3f3 10%,#fff 80%);
    background-image: linear-gradient(to bottom,#f3f3f3 10%,#fff 80%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3',endColorstr='#ffffffff',GradientType=0)
}

.projects-links {
    margin: 0 -14px 0 -14px;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:784px) {
    .projects-links {
        margin-right: 0;
        margin-left: 0
    }
}

main .projects-links {
    margin-right: 0;
    margin-left: 0
}

@media screen and (min-width:600px) {
    main .projects-links {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.projects-links li {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0 0 0 0;
    padding: 14px 14px 0 14px;
    white-space: nowrap
}

@media screen and (min-width:784px) {
    aside .projects-links li {
        padding-right: 0;
        padding-left: 0;
        flex-basis: 50%
    }
}

main .projects-links li {
    text-align: center
}

@media screen and (max-width:599px) {
    main .projects-links li {
        padding-right: 0;
        padding-left: 0;
        flex-basis: 50%;
        text-align: initial
    }
}

.projects-links a::before {
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    margin-right: 7px
}

.puzzlegarage {
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3
}

aside .puzzlegarage {
    padding-bottom: 28px
}

.puzzlegarage > a:hover {
    color: #ff2f56
}

.puzzlegarage__source {
    margin-top: 0
}

    .puzzlegarage__source > a img,
    .puzzlegarage__source img {
        vertical-align: middle;
        margin-left: .48rem;
        height: 21px;
        width: 38px
    }

.puzzlegarage .list-previews {
    margin: 0 0 0 -14px;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

aside .puzzlegarage .list-previews {
    margin-bottom: -14px
}

.puzzlegarage .list-previews__item {
    margin: 0 0 14px 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: 14px
}

    .puzzlegarage .list-previews__item a {
        display: block;
        overflow: hidden;
        background: #f3f3f3
    }

        .puzzlegarage .list-previews__item a:hover img,
        .puzzlegarage .list-previews__item a:hover picture {
            -webkit-transform: scale(1.7);
            -ms-transform: scale(1.7);
            -o-transform: scale(1.7);
            -webkit-transform: scale(1.7);
            -ms-transform: scale(1.7);
            -o-transform: scale(1.7);
            transform: scale(1.7)
        }

        .puzzlegarage .list-previews__item a img,
        .puzzlegarage .list-previews__item a picture {
            width: 100%;
            -webkit-transition: .35s;
            -moz-transition: .35s;
            -o-transition: .35s;
            transition: .35s
        }

main .puzzlegarage .list-previews__item:first-child:nth-last-child(2),
main .puzzlegarage .list-previews__item:first-child:nth-last-child(2) ~ li {
    flex-basis: calc(100%/2 - 7px)
}

@media screen and (min-width:784px) {
    main .puzzlegarage .list-previews__item:first-child:nth-last-child(2),
    main .puzzlegarage .list-previews__item:first-child:nth-last-child(2) ~ li {
        min-height: 215px
    }
}

aside .puzzlegarage .list-previews__item {
    flex-basis: 50% !important
}

@media screen and (min-width:784px) {
    aside .puzzlegarage .list-previews__item {
        min-height: 89px !important
    }
}

.puzzlegarage .list-previews__item:first-child:nth-last-child(4),
.puzzlegarage .list-previews__item:first-child:nth-last-child(4) ~ li {
    flex-basis: 25%
}

@media screen and (min-width:784px) {
    .puzzlegarage .list-previews__item:first-child:nth-last-child(4),
    .puzzlegarage .list-previews__item:first-child:nth-last-child(4) ~ li {
        min-height: 105px
    }
}

@media screen and (max-width:783px) {
    .puzzlegarage .list-previews__item:first-child:nth-last-child(4),
    .puzzlegarage .list-previews__item:first-child:nth-last-child(4) ~ li {
        flex-basis: 50%
    }
}

.homepage .locality {
    padding-bottom: 0
}

    .homepage .locality + .block::before {
        content: none
    }

    .homepage .locality + .favorites {
        padding-bottom: calc(28px - .24rem)
    }

    .homepage .locality .place__info__details {
        margin-top: 0;
        padding-top: 0
    }

@media screen and (min-width:600px) {
    .homepage .locality .place__info__details {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.homepage .locality .place__info__details li {
    padding-left: 0;
    margin-right: 0;
    margin-left: 0
}

@media screen and (min-width:600px) {
    .homepage .locality .place__info__details li {
        margin-right: 7px;
        margin-left: 7px;
        white-space: nowrap
    }
}

.homepage .locality .place__info__details img {
    margin: 0 4px 0 0;
    float: none
}

.homepage .locality .place__info__details i {
    display: inline-block;
    font-style: normal;
    color: #c6c6c6
}

    .homepage .locality .place__info__details i:nth-of-type(2) {
        margin-left: .24rem
    }

.homepage .time-difference {
    padding-top: 0 !important
}

.zoneslist-table,
.dst-table {
    width: 100%;
    margin-bottom: calc(14px - .24rem)
}

    .zoneslist-table td,
    .dst-table td,
    .zoneslist-table th,
    .dst-table th,
    .zone-table td {
        padding: 7px 0 7px 7px;
        vertical-align: top
    }

@media screen and (max-width:783px) {
    .zoneslist-table td,
    .dst-table td,
    .zoneslist-table th,
    .dst-table th,
    .zone-table td {
        font-size: 89%
    }
}

.zoneslist-table td:first-child,
.dst-table td:first-child,
.zoneslist-table th:first-child,
.dst-table th:first-child,
.zone-table td:first-child {
    width: 1%
}

.zoneslist-table td:last-child,
.dst-table td:last-child,
.zoneslist-table th:last-child,
.dst-table th:last-child,
.zone-table td:last-child {
    width: 16%;
    padding-right: 7px
}

.zoneslist-table td br + span,
.dst-table td br + span,
.zoneslist-table th br + span,
.dst-table th br + span,
.zone-table td br + span {
    font-size: .84em;
    color: #7b7b7b
}

.dst-table tr td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

    .dst-table tr td:first-child {
        padding-left: 56px;
        width: 50%;
        white-space: normal
    }

.dst-table tr.multizone {
    border: none !important
}

    .dst-table tr.multizone td {
        font-size: .84em;
        background: rgba(255,255,255,0.5)
    }

    .dst-table tr.multizone + tr {
        border: solid #c6c6c6;
        border-width: 1px 0 0
    }

.dst-table .i-flag::before {
    margin-left: -42px;
    vertical-align: middle
}

.utc-countries .list-places--multizone + h2 {
    margin-top: calc(28px - .24rem)
}

.utc-countries h2 br {
    display: block;
    line-height: 1.2rem;
    content: ' ';
    margin: .6rem 0
}

.utc-countries h2 .i-up {
    margin-left: 1rem
}

.timezonemap {
    padding: 0
}

.column--1 .timezonemap img {
    width: 100%
}

.timezonemap h1,
.timezonemap h2 {
    margin: calc(28px - .24rem) 28px
}

@media screen and (hover:none) and (pointer:coarse) and (orientation:portrait) {
    .timezonemap .overflow--scroll {
        width: 100vw
    }
}

.timezonemap__container {
    position: relative;
    width: fit-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 auto
}

    .timezonemap__container ._loading {
        padding: calc(28px - .24rem) 0
    }

    .timezonemap__container > ul {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 18px;
        margin: 0 0 0 0;
        padding: 0;
        list-style: none;
        text-indent: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        overflow: hidden
    }

        .timezonemap__container > ul > li {
            margin: 0 0 0 0;
            -webkit-flex: 0 0 4.17%;
            -ms-flex: 0 0 4.17%;
            flex: 0 0 4.17%;
            font-size: 11px;
            text-align: center;
            white-space: nowrap
        }

@media screen and (max-width:783px) {
    .timezonemap__container > ul > li {
        font-size: 9px
    }
}

.timezonemap__container > ul > li:nth-of-type(1) {
    flex-basis: 3%
}

.timezonemap__container > ul > li:nth-last-child(2),
.timezonemap__container > ul > li:nth-last-child(1) {
    flex-basis: 1%;
    text-align: left;
    font-size: 9px
}

@media screen and (max-width:783px) {
    .timezonemap__container > ul > li:nth-last-child(2),
    .timezonemap__container > ul > li:nth-last-child(1) {
        font-size: 8px
    }
}

.timezonemap__i {
    width: 100%;
    border: 1px solid #c6c6c6
}

@media screen and (hover:none) and (pointer:coarse) and (orientation:portrait) {
    .timezonemap__i {
        height: 380px;
        height: 56vh;
        width: auto
    }
}

.timezonemap--o {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.timezonemap .timezonemap--o [timezone] {
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity .35s;
    -moz-transition: opacity .35s;
    -o-transition: opacity .35s;
    transition: opacity .35s
}

    .timezonemap .timezonemap--o [timezone]:hover {
        opacity: .35
    }

        .timezonemap .timezonemap--o [timezone]:hover + .cls-1,
        .timezonemap .timezonemap--o [timezone]:hover + .cls-1 + .cls-3 {
            opacity: 1
        }

        .timezonemap .timezonemap--o [timezone]:hover + .cls-3 {
            opacity: .8
        }

.timezonemap .timezonemap--o .active,
.timezonemap .timezonemap--o .active:hover {
    opacity: .5
}

.timezonemap--o .cls-1 {
    opacity: .7;
    fill: #fff
}

.timezonemap--o .cls-3 {
    opacity: .35
}

.tz-map--0 {
    fill: #2389bf
}

li.tz-map--0::before {
    background: #2389bf
}

.tz-map--00 {
    fill: #156896
}

li.tz-map--00::before {
    background: #156896
}

.tz-map--1 {
    fill: #c45e74
}

li.tz-map--1::before {
    background: #c45e74
}

.tz-map--10 {
    fill: #9c3045
}

li.tz-map--10::before {
    background: #9c3045
}

.tz-map--2 {
    fill: #dd9a35
}

li.tz-map--2::before {
    background: #dd9a35
}

.tz-map--20 {
    fill: #d9740c
}

li.tz-map--20::before {
    background: #d9740c
}

.tz-map--3 {
    fill: #459d46
}

li.tz-map--3::before {
    background: #459d46
}

.tz-map--30 {
    fill: #2c6a2d
}

li.tz-map--30::before {
    background: #2c6a2d
}

.tz-map--4 {
    fill: #2db9df
}

li.tz-map--4::before {
    background: #2db9df
}

.tz-map--5 {
    fill: #7d70d4
}

li.tz-map--5::before {
    background: #7d70d4
}

.tz-map--6 {
    fill: #999
}

li.tz-map--6::before {
    background: #999
}

ul.tz-map {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 89%;
    line-height: 1
}

    ul.tz-map li {
        margin: 0 0 0 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap
    }

        ul.tz-map li:first-child {
            padding-left: 0 !important
        }

        ul.tz-map li:last-child {
            padding-right: 0 !important
        }

        ul.tz-map li::before {
            content: '';
            height: .88em;
            -webkit-flex: 0 0 .88em;
            -ms-flex: 0 0 .88em;
            flex: 0 0 .88em;
            margin-right: .64em
        }

.tz-map + ul li {
    padding: 14px 28px 0
}

h2 + ul.tz-map li {
    padding: 0 28px 14px
}

.tz-map__frame {
    fill: transparent;
    stroke: rgba(1,4,7,0.48);
    stroke-width: 1;
    stroke-dasharray: 10 10
}

.tz-map text {
    font: 24px/1 system-ui,sans-serif;
    fill: #fff
}

    .tz-map text.b {
        fill: #000
    }

.tz-map line {
    stroke: #000;
    opacity: .48
}

.tz-map circle {
    stroke: #fff;
    stroke-width: 2
}

.tz-map [data-type] circle:last-child {
    fill: #fff
}

.tz-map g[data-name] {
    cursor: pointer;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

    .tz-map g[data-name]:hover {
        opacity: 1
    }

.tz-map-popover {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    position: fixed;
    z-index: 1048;
    padding: calc(14px - .24rem) 14px;
    width: fit-content;
    max-width: 350px;
    margin: 14px 0 0 14px;
    background: #fff;
    -webkit-box-shadow: 0 0 48px -1px rgba(1,4,7,0.25);
    box-shadow: 0 0 48px -1px rgba(1,4,7,0.25);
    opacity: 0;
    -webkit-transition: opacity .35s;
    -moz-transition: opacity .35s;
    -o-transition: opacity .35s;
    transition: opacity .35s
}

    .tz-map-popover dt,
    .tz-map-popover dd {
        margin: 0 0 7px 0
    }

    .tz-map-popover dt {
        font-weight: 600
    }

    .tz-map-popover dd {
        font-size: 89%;
        padding-left: 38px
    }

        .tz-map-popover dd::before {
            margin-left: -38px
        }

        .tz-map-popover dd:empty {
            display: none
        }

.timezoneconverter__item::after,
.timezoneconverter__item--edit::after {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
    content: '';
    height: calc(28px - .24rem)
}

.timezoneconverter__item.collapse.in,
.timezoneconverter__item--edit.collapse.in,
.timezoneconverter__item.collapsing,
.timezoneconverter__item--edit.collapsing {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media screen and (min-width:784px) {
    .timezoneconverter__item,
    .timezoneconverter__item--edit {
        flex-wrap: nowrap;
        position: relative
    }
}

.timezoneconverter__item {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.timezoneconverter__item__place {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media screen and (max-device-width:7.99in) and (orientation:portrait) {
    .timezoneconverter__item__place {
        max-width: calc(95% - 76px)
    }
}

.timezoneconverter__item__place h2 {
    margin-bottom: calc(7px - .24rem)
}

@media screen and (max-width:783px) {
    .timezoneconverter__item__place .timezone__description {
        display: block;
        padding-left: 42px
    }
}

.timezoneconverter__item__place .timezone__description > span {
    display: block;
    font-size: 1rem
}

.timezoneconverter__item__place .timezone__description .i-dst::before {
    margin-right: 7px
}

.timezoneconverter__item__time,
.timezoneconverter__item__time--night {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: 39px;
    margin-top: calc(14px - .24rem);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:784px) {
    .timezoneconverter__item__time,
    .timezoneconverter__item__time--night {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        padding-left: 0;
        margin-top: 0;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
}

.timezoneconverter__item__time--night::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 16px;
    font: 16px/16px 'dayspedia-icons.v31';
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.timezoneconverter__item__time--night::before {
    content: '\e920';
    color: #37424f
}

.timezoneconverter__item__time--night::before {
    margin-left: -24px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.timezoneconverter__item__time__container,
.timezoneconverter__item__date__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

@media screen and (hover:hover) and (pointer:fine) {
    .timezoneconverter__item__time__container,
    .timezoneconverter__item__date__container {
        border: dotted #007dbf;
        border-width: 0 0 2px
    }
}

@media screen and (hover:none) and (pointer:coarse) {
    .timezoneconverter__item__time__container,
    .timezoneconverter__item__date__container {
        position: relative;
        overflow: hidden
    }
}

@media screen and (hover:none) and (pointer:coarse) {
    .timezoneconverter__item__time__container > input,
    .timezoneconverter__item__date__container > input {
        position: absolute !important;
        z-index: 1;
        height: 100%;
        width: 100%;
        top: 0;
        right: 25%;
        opacity: 0;
        -webkit-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        -webkit-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@media screen and (hover:hover) and (pointer:fine) {
    .timezoneconverter__item__time__container > input,
    .timezoneconverter__item__date__container > input {
        display: none
    }
}

.timezoneconverter__item__time__container [data-toggle="menu"]::after,
.timezoneconverter__item__date__container [data-toggle="menu"]::after {
    content: none
}

.timezoneconverter__item__time__container .dropdown-menu,
.timezoneconverter__item__date__container .dropdown-menu {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

    .timezoneconverter__item__time__container .dropdown-menu > li,
    .timezoneconverter__item__date__container .dropdown-menu > li {
        text-align: center
    }

        .timezoneconverter__item__time__container .dropdown-menu > li._colspan,
        .timezoneconverter__item__date__container .dropdown-menu > li._colspan {
            flex-grow: 1 !important;
            flex-basis: 100% !important;
            text-align: initial
        }

            .timezoneconverter__item__time__container .dropdown-menu > li._colspan > span,
            .timezoneconverter__item__date__container .dropdown-menu > li._colspan > span {
                width: 50%;
                width: fit-content
            }

        .timezoneconverter__item__time__container .dropdown-menu > li[role="separator"],
        .timezoneconverter__item__date__container .dropdown-menu > li[role="separator"] {
            background: none;
            border-bottom: 1px dashed #c6c6c6
        }

.timezoneconverter__item__time__container {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:784px) {
    .timezoneconverter__item__time__container {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-right: 14px
    }
}

.timezoneconverter__item__time__container .item__hours,
.timezoneconverter__item__time__container .item__minutes {
    padding: 0 .24rem;
    font: 700 42px/1 Montserrat,sans-serif;
    color: #007dbf
}

    .timezoneconverter__item__time__container .item__hours + .dropdown-menu,
    .timezoneconverter__item__time__container .item__minutes + .dropdown-menu {
        width: 13.25rem
    }

        .timezoneconverter__item__time__container .item__hours + .dropdown-menu > li,
        .timezoneconverter__item__time__container .item__minutes + .dropdown-menu > li {
            flex-basis: 25%;
            overflow: hidden
        }

.timezoneconverter__item__time__container > span {
    font: 1rem/1 Montserrat,sans-serif
}

.timezoneconverter__item__time__container .item__separator {
    margin-top: -.18em;
    font-size: 42px;
    opacity: .5
}

.timezoneconverter__item__time__container .ampm {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: .24rem
}

.timezoneconverter__item__date__container {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

    .timezoneconverter__item__date__container .item__date,
    .timezoneconverter__item__date__container .item__month,
    .timezoneconverter__item__date__container .item__year {
        font-size: 1.24em;
        color: #007dbf
    }

@media screen and (hover:hover) and (pointer:fine) {
    .timezoneconverter__item__date__container .item__date,
    .timezoneconverter__item__date__container .item__month,
    .timezoneconverter__item__date__container .item__year {
        padding: 0 .12rem
    }
}

.timezoneconverter__item__date__container .item__date + .dropdown-menu > li {
    overflow: hidden
}

.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > a,
.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > span,
.timezoneconverter__item__date__container .item__date + .dropdown-menu > ._colspan > label {
    display: inline-block
}

.timezoneconverter__item__date__container .item__month + .dropdown-menu {
    width: 13.5rem
}

    .timezoneconverter__item__date__container .item__month + .dropdown-menu > li {
        flex-basis: 33%
    }

.timezoneconverter__item__date__container .item__separator {
    font-size: 1.24em;
    padding-right: .24em;
    opacity: .6
}

.timezoneconverter__item .timezoneconverter__item__action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .timezoneconverter__item .timezoneconverter__item__action button {
        margin-left: 14px
    }

@media screen and (min-width:784px) {
    .timezoneconverter__item .timezoneconverter__item__action {
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        flex-basis: 24px;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        position: absolute;
        top: 30px;
        margin-left: -42px
    }

        .timezoneconverter__item .timezoneconverter__item__action button {
            margin-left: unset;
            background: #fff;
            border-radius: 50%
        }

            .timezoneconverter__item .timezoneconverter__item__action button + button {
                margin-top: 14px
            }
}

@media screen and (hover:hover) and (pointer:fine) {
    .timezoneconverter__item .timezoneconverter__item__action {
        opacity: .24;
        -webkit-transition: opacity .15s;
        -moz-transition: opacity .15s;
        -o-transition: opacity .15s;
        transition: opacity .15s
    }
}

.timezoneconverter__item:hover .timezoneconverter__item__action {
    opacity: 1
}

.timezoneconverter__item__add {
    width: 100%
}

    .timezoneconverter__item__add .nav__search {
        margin-top: calc(7px - .24rem)
    }

.timezoneconverter__item--edit {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10
}

    .timezoneconverter__item--edit .timezoneconverter__item__place,
    .timezoneconverter__item--edit .timezoneconverter__item__time {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding-right: 14px
    }

    .timezoneconverter__item--edit .timezoneconverter__item__place {
        max-width: unset
    }

    .timezoneconverter__item--edit .timezoneconverter__item__time {
        padding-left: unset
    }

@media screen and (min-width:784px) {
    .timezoneconverter__item--edit .timezoneconverter__item__time {
        -ms-flex-order: unset;
        -webkit-order: unset;
        order: unset;
        padding-right: 14px
    }
}

@media screen and (min-width:784px) {
    .timezoneconverter__item--edit .timezoneconverter__item__action {
        flex-basis: 24px;
        position: absolute;
        top: 8px;
        margin-left: -42px
    }

        .timezoneconverter__item--edit .timezoneconverter__item__action button {
            background: #fff;
            border-radius: 50%
        }
}

.timezoneconverter__item--edit > .i-check {
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4
}

.timezoneconverter__slider {
    position: relative;
    height: 124px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (hover:hover) and (pointer:fine) {
    .timezoneconverter__slider {
        height: 76px
    }
}

.timezoneconverter__slider::before {
    display: block;
    position: relative;
    content: '';
    height: 1px;
    top: 23px;
    right: 24px;
    left: 0;
    border: dotted #c6c6c6;
    border-width: 4px 0 0
}

@media screen and (hover:hover) and (pointer:fine) {
    .timezoneconverter__slider::before {
        top: 11px;
        right: 12px
    }
}

.timezoneconverter__slider > ins {
    display: block;
    position: absolute;
    top: 0;
    padding: 48px .24rem 0;
    font-size: .84em;
    line-height: 1;
    font-style: normal;
    color: #9e9e9e;
    border: solid #c6c6c6;
    background: linear-gradient(0deg,#fff 50%,transparent 50%,transparent 100%,transparent 100%);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    white-space: nowrap
}

@media screen and (hover:hover) and (pointer:fine) {
    .timezoneconverter__slider > ins {
        padding-top: 24px
    }
}

.timezoneconverter__slider > ins:nth-of-type( 1 ) {
    left: 0;
    border-width: 0 0 0 1px
}

.timezoneconverter__slider > ins:nth-of-type( 2 ) {
    left: 37.5%;
    border-width: 0 0 0 1px
}

.timezoneconverter__slider > ins:nth-of-type( 3 ) {
    left: 50%;
    border-width: 0 0 0 1px
}

.timezoneconverter__slider > ins:nth-of-type( 4 ) {
    right: 25%;
    border-width: 0 1px 0 0
}

.timezoneconverter__slider > ins:nth-of-type(5) {
    right: 4.17%;
    border-width: 0 1px 0 0
}

.timezoneconverter .time--small {
    width: 100%
}

    .timezoneconverter .time--small tr:hover td {
        background: initial !important
    }

    .timezoneconverter .time--small tr td:first-child {
        width: 20%
    }

    .timezoneconverter .time--small tr td:last-child {
        text-align: right;
        width: 30%
    }

    .timezoneconverter .time--small tr td:not(:last-child) {
        padding-right: 14px
    }

    .timezoneconverter .time--small ins {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-decoration: none;
        text-decoration: none;
        color: #9e9e9e;
        white-space: nowrap
    }

    .timezoneconverter .time--small .time {
        font-size: inherit;
        font-family: inherit;
        font-weight: 400;
        color: #343434;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .timezoneconverter .time--small .time::before {
            display: inline-block;
            vertical-align: middle;
            min-width: 24px;
            margin-right: 7px;
            font: 24px/24px 'dayspedia-icons.v31';
            text-decoration: none;
            -webkit-transition: .15s;
            -moz-transition: .15s;
            -o-transition: .15s;
            transition: .15s
        }

    .timezoneconverter .time--small ._day .time::before {
        content: '\e934'
    }

    .timezoneconverter .time--small ._evening .time::before {
        content: '\e91e'
    }

    .timezoneconverter .time--small ._night .time::before {
        content: '\e920'
    }

    .timezoneconverter .time--small ._day .time::before {
        color: #00a05a
    }

    .timezoneconverter .time--small ._evening .time::before {
        color: #ffc107
    }

    .timezoneconverter .time--small ._night .time::before {
        color: #007dbf
    }

.timezoneconverter + .countdown-form {
    display: none
}

    .timezoneconverter + .countdown-form.collapse.in,
    .timezoneconverter + .countdown-form.collapsing {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .timezoneconverter + .countdown-form.block {
        padding-top: unset;
        padding-bottom: unset
    }

        .timezoneconverter + .countdown-form.block::after {
            content: '';
            -webkit-flex: 1 1 100%;
            -ms-flex: 1 1 100%;
            flex: 1 1 100%;
            height: calc(28px - .24rem)
        }

    .timezoneconverter + .countdown-form > h2::before {
        display: block;
        content: '';
        height: calc(28px - .24rem);
        margin: unset;
        padding: unset;
        background: none
    }

.b-slider {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 0 6px #007dbf inset,0 5px 3px 0 rgba(1,4,7,0.25);
    box-shadow: 0 0 0 6px #007dbf inset,0 5px 3px 0 rgba(1,4,7,0.25)
}

@media screen and (hover:hover) and (pointer:fine) {
    .b-slider {
        width: 24px;
        height: 24px;
        margin-left: -12px;
        cursor: ew-resize;
        -webkit-box-shadow: 0 0 0 4px #007dbf inset,0 5px 3px 0 rgba(1,4,7,0.25);
        box-shadow: 0 0 0 4px #007dbf inset,0 5px 3px 0 rgba(1,4,7,0.25)
    }
}

.b-slider::before {
    display: block;
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    left: 50%;
    top: 50%;
    background: #007dbf;
    border-radius: 50%
}

@media screen and (hover:hover) and (pointer:fine) {
    .b-slider::before {
        width: 4px;
        height: 4px;
        margin: -2px 0 0 -2px
    }
}

.b-slider._day {
    -webkit-box-shadow: 0 0 0 6px #00a05a inset,0 5px 3px 0 rgba(1,4,7,0.25);
    box-shadow: 0 0 0 6px #00a05a inset,0 5px 3px 0 rgba(1,4,7,0.25)
}

@media screen and (hover:hover) and (pointer:fine) {
    .b-slider._day {
        -webkit-box-shadow: 0 0 0 4px #00a05a inset,0 5px 3px 0 rgba(1,4,7,0.25);
        box-shadow: 0 0 0 4px #00a05a inset,0 5px 3px 0 rgba(1,4,7,0.25)
    }
}

.b-slider._day::before {
    background: #00a05a
}

.b-slider._evening {
    -webkit-box-shadow: 0 0 0 6px #ffc107 inset,0 5px 3px 0 rgba(1,4,7,0.25);
    box-shadow: 0 0 0 6px #ffc107 inset,0 5px 3px 0 rgba(1,4,7,0.25)
}

@media screen and (hover:hover) and (pointer:fine) {
    .b-slider._evening {
        -webkit-box-shadow: 0 0 0 4px #ffc107 inset,0 5px 3px 0 rgba(1,4,7,0.25);
        box-shadow: 0 0 0 4px #ffc107 inset,0 5px 3px 0 rgba(1,4,7,0.25)
    }
}

.b-slider._evening::before {
    background: #ffc107
}

.b-slider._night {
    -webkit-box-shadow: 0 0 0 6px #007dbf inset,0 5px 3px 0 rgba(1,4,7,0.25);
    box-shadow: 0 0 0 6px #007dbf inset,0 5px 3px 0 rgba(1,4,7,0.25)
}

@media screen and (hover:hover) and (pointer:fine) {
    .b-slider._night {
        -webkit-box-shadow: 0 0 0 4px #007dbf inset,0 5px 3px 0 rgba(1,4,7,0.25);
        box-shadow: 0 0 0 4px #007dbf inset,0 5px 3px 0 rgba(1,4,7,0.25)
    }
}

.b-slider._night::before {
    background: #007dbf
}

.dropdown:hover .item__hours + .dropdown-menu,
.dropdown:hover .item__minutes + .dropdown-menu,
.dropdown:hover .item__seconds + .dropdown-menu,
.dropdown:hover .item__month + .dropdown-menu,
.dropdown:hover .item__year + .dropdown-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.clockonly {
    padding: 0
}

    .clockonly h1 {
        margin: calc(28px - .24rem) 0 0 calc(28px - .24rem);
        width: 49%
    }

@media screen and (min-width:784px) {
    .clockonly h1 {
        width: auto
    }
}

._fullscreen .clockonly h1 {
    display: none
}

.clockonly .clock,
.clockonly .clock--night {
    width: 220px;
    height: 220px;
    -ms-transform: translate(-50%,-60%);
    -o-transform: translate(-50%,-60%);
    -webkit-transform: translate(-50%,-60%);
    -ms-transform: translate(-50%,-60%);
    -o-transform: translate(-50%,-60%);
    transform: translate(-50%,-60%)
}

@media screen and (min-width:1148px) {
    .clockonly .clock,
    .clockonly .clock--night {
        width: 25vh;
        height: 25vh;
        min-width: 220px;
        min-height: 220px
    }
}

.clockonly .clock__minutes::after,
.clockonly .clock--night__minutes::after {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px
}

._fullscreen .clockonly .clock,
._fullscreen .clockonly .clock--night {
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.clockonly .clock--night::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 32px;
    font: 32px/32px 'dayspedia-icons.v31';
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.clockonly .clock__controls {
    width: 49%
}

@media screen and (min-width:784px) {
    .clockonly .clock__controls {
        width: auto
    }
}

.clockonly .fullscreen__controls {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: calc(28px - .24rem);
    width: 100%;
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.locality {
    padding-bottom: 14px
}

    .locality + .block::before {
        right: 28px;
        left: 28px
    }

    .locality h1 {
        margin-bottom: 14px
    }

@media screen and (min-width:784px) {
    .locality h1 {
        margin-bottom: calc(42px - .24rem)
    }
}

@media screen and (max-width:783px) {
    .locality h1.i-flag {
        position: relative;
        padding-left: 14px;
        text-align: center
    }

        .locality h1.i-flag::before {
            position: absolute;
            top: .18rem;
            left: 0;
            margin-left: -28px
        }
}

._fullscreen .locality h1.i-flag {
    margin: 0 auto 28px;
    text-align: center;
    font-size: 2.579em
}

@media screen and (max-width:783px) {
    ._fullscreen .locality h1.i-flag {
        padding-left: 0
    }
}

._fullscreen .locality h1.i-flag::before {
    content: none
}

.locality h1.i-flag span {
    color: inherit
}

._fullscreen .locality h1.i-flag span {
    display: none
}

.locality__info li:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.locality .time--large {
    margin-bottom: 28px
}

._fullscreen .locality .time--large {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-bottom: 0
}

.locality .time,
.locality .clock,
.locality .time--night,
.locality .clock--night {
    margin: 0 auto calc(28px - .24rem)
}

.locality .date {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 1.375em
}

.locality .date__day,
.locality .date__month {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
    padding: 0 .12rem
}

._fullscreen .locality .date {
    margin-top: calc(28px - .24rem)
}

.locality .fullscreen__controls {
    margin-top: -28px
}

    .locality .fullscreen__controls a,
    .locality .fullscreen__controls button {
        font-size: .84em;
        display: inline-block;
        vertical-align: middle;
        height: 24px;
        width: 24px;
        overflow: hidden
    }

@media screen and (min-width:784px) {
    .locality .fullscreen__controls a,
    .locality .fullscreen__controls button {
        height: unset;
        width: unset;
        overflow: unset
    }
}

._fullscreen .locality .fullscreen__controls {
    position: absolute;
    left: 50%;
    bottom: calc(28px - .24rem);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

    ._fullscreen .locality .fullscreen__controls li:nth-of-type(1 ),
    ._fullscreen .locality .fullscreen__controls li:nth-of-type(2 ) {
        display: none
    }

    ._fullscreen .locality .fullscreen__controls button {
        font-size: 1rem;
        width: unset
    }

.locality .clock__controls,
.locality .switch-dark {
    display: none
}

._fullscreen .locality .clock__controls,
._fullscreen .locality .switch-dark,
.worldclock._fullscreen .clock__controls {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.locality:not(._fullscreen ) .fullscreen__controls button {
    background: transparent;
    border: none;
    padding: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    outline: 0;
    border-radius: 0;
    text-shadow: none;
    color: #007dbf
}

    .locality:not(._fullscreen ) .fullscreen__controls button::before {
        margin-right: 0
    }

    .locality:not(._fullscreen ) .fullscreen__controls button::before {
        margin-right: 14px;
        color: #007dbf
    }

@media screen and (min-width:784px) {
    .locality:not(._fullscreen ) .fullscreen__controls button::before {
        color: #c6c6c6
    }
}

.locality:not(._fullscreen ) .fullscreen__controls button:hover {
    color: #343434;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

    .locality:not(._fullscreen ) .fullscreen__controls button:hover::before {
        color: #343434
    }

.locality:not(._fullscreen ) .fullscreen__controls a::before,
.locality:not(._fullscreen ) .fullscreen__controls .button::before {
    color: #007dbf
}

@media screen and (min-width:784px) {
    .locality:not(._fullscreen ) .fullscreen__controls a::before,
    .locality:not(._fullscreen ) .fullscreen__controls .button::before {
        color: #c6c6c6
    }
}

.locality:not(._fullscreen ) .fullscreen__controls a:hover::before {
    color: #343434
}

.zone-table {
    width: 100%
}

    .zone-table td,
    .zone-table th {
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

        .zone-table td:first-child,
        .zone-table th:first-child {
            width: 45%
        }

        .zone-table td:nth-of-type(3 ),
        .zone-table th:nth-of-type(3 ) {
            width: 50%
        }

.timeutc_onmap {
    margin-bottom: 28px;
    background: #fff
}

    .timeutc_onmap h2 {
        margin: calc(28px - .24rem) 28px
    }

    .timeutc_onmap [timezone] {
        opacity: .5;
        filter: contrast(0.5)
    }

@media screen and (hover:none) and (pointer:coarse) and (orientation:portrait) {
    .timeutc_onmap .timezonemap__i {
        height: unset;
        width: 100%
    }
}

.timeutc_onmap .i-globe {
    display: inline-block;
    margin: calc(28px - .24rem) 28px
}

.timer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: unset
}

._fullscreen .timer {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.timer._active .time {
    pointer-events: none
}

    .timer._active .time .number {
        color: inherit
    }

.timer._pause .time {
    -webkit-animation: blink 1s infinite;
    -o-animation: blink 1s infinite;
    animation: blink 1s infinite
}

.timer._end .time {
    -webkit-animation: blink 1s 3;
    -o-animation: blink 1s 3;
    animation: blink 1s 3
}

.timer._prestart .time {
    pointer-events: none;
    position: relative
}

    .timer._prestart .time::before {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        content: '5';
        -webkit-animation: prestart5 5s 1 ease-in;
        -o-animation: prestart5 5s 1 ease-in;
        animation: prestart5 5s 1 ease-in;
        font-family: system-ui,sans-serif;
        font-family: Montserrat,sans-serif;
        font-weight: 900
    }

@media screen and (orientation:landscape) {
    ._fullscreen .timer._prestart .time::before {
        font-size: 3vw
    }
}

@media screen and (orientation:portrait) {
    ._fullscreen .timer._prestart .time::before {
        font-size: 3vh
    }
}

.timer._prestart .time .number {
    color: inherit
}

.timer h1 {
    width: 70%;
    margin-bottom: 0
}

@media screen and (hover:none) and (pointer:coarse) and (orientation:portrait) {
    .timer h1 {
        padding-bottom: max(8vh,calc(28px - .24rem))
    }
}

@media screen and (hover:none) and (pointer:coarse) and (orientation:landscape) {
    .timer h1 {
        padding-bottom: max(12vh,calc(28px - .24rem))
    }
}

@media screen and (hover:hover) and (pointer:fine) {
    .timer h1 {
        padding-bottom: max(4vw,calc(28px - .24rem))
    }
}

._fullscreen .timer h1 {
    display: initial;
    visibility: hidden;
    padding-bottom: 0
}

@media screen and (orientation:portrait) {
    ._fullscreen .timer h1 {
        flex-grow: 3
    }
}

@media screen and (orientation:landscape) {
    ._fullscreen .timer h1 {
        flex-grow: 2
    }
}

.timer .clock__controls {
    width: 30%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

._fullscreen .timer .clock__controls {
    display: none
}

.timer [data-toggle="modal"] {
    margin-right: 0 !important
}

    .timer [data-toggle="modal"]::after {
        content: none
    }

.timer .time {
    position: initial;
    top: unset;
    left: unset;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .timer .time .number {
        color: #007dbf;
        -webkit-transition: color .15s;
        -moz-transition: color .15s;
        -o-transition: color .15s;
        transition: color .15s
    }

    .timer .time__seconds,
    .timer .time .number {
        opacity: 1
    }

.timer .time__minutes::before {
    opacity: .32
}

.timer__progress {
    position: relative;
    width: 100%;
    min-height: 7px;
    height: 7px;
    background: rgba(0,0,0,0.12);
    border-radius: 3.5px;
    overflow: hidden
}

._dark .timer__progress {
    background: rgba(247,247,247,0.12)
}

@media screen and (hover:none) and (pointer:coarse) and (orientation:portrait) {
    .timer__progress {
        margin-top: max(2vh,calc(28px - .24rem));
        margin-bottom: max(calc(2vh - 14px),calc(14px - .24rem))
    }
}

@media screen and (hover:none) and (pointer:coarse) and (orientation:landscape) {
    .timer__progress {
        margin-top: max(4vh,calc(28px - .24rem));
        margin-bottom: max(calc(4vh - 14px),calc(14px - .24rem))
    }
}

@media screen and (hover:hover) and (pointer:fine) {
    .timer__progress {
        margin-top: max(1vw,calc(28px - .24rem));
        margin-bottom: max(calc(1vw - 14px),calc(14px - .24rem))
    }
}

.timer__progress div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #007dbf;
    opacity: 0
}

._active .timer__progress div {
    opacity: 1
}

._end .timer__progress div {
    opacity: 0
}

.timer .button {
    min-width: 6em
}

.timer ._reset {
    background: rgba(0,0,0,0.48)
}

._dark.timer ._reset {
    background: transparent;
    -webkit-box-shadow: 0 0 0 1px #f7f7f7 inset;
    box-shadow: 0 0 0 1px #f7f7f7 inset
}

@media screen and (hover:none) and (pointer:coarse) {
    .timer__controls,
    .timer__options {
        margin-bottom: max(4vh,calc(28px - .24rem))
    }
}

@media screen and (hover:hover) and (pointer:fine) {
    .timer__controls,
    .timer__options {
        margin-bottom: max(2vw,calc(28px - .24rem))
    }
}

.timer__controls .button {
    padding: 14px 28px;
    border-radius: 28px
}

@media screen and (hover:hover) and (pointer:fine) {
    ._fullscreen .timer__controls .button {
        font-size: 1.24em
    }
}

.timer__options {
    position: relative;
    z-index: 1
}

.timer__options__tabs {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    margin-top: -0.24rem;
    opacity: 0;
    -webkit-transition: opacity .15s;
    -moz-transition: opacity .15s;
    -o-transition: opacity .15s;
    transition: opacity .15s
}

._active .timer__options__tabs,
._prestart .timer__options__tabs,
._pause .timer__options__tabs {
    z-index: 1;
    opacity: 1
}

.timer__options__tabs dd {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

@media screen and (hover:none) and (pointer:coarse) {
    .timer__options__tabs dd {
        margin-top: 14px
    }
}

.timer__options__tabs dd span {
    display: inline-block;
    padding: 7px 14px
}

.timer__options__tabs dd.active {
    background: rgba(0,125,191,0.16);
    cursor: default
}

._dark .timer__options__tabs dd.active {
    background: rgba(0,125,191,0.24)
}

._fullscreen .timer__options__tabs dd.active {
    background: #fff !important
}

._dark._fullscreen .timer__options__tabs dd.active {
    background: rgba(0,125,191,0.16) !important
}

.timer__options__tabs dd:not(.active ) span {
    cursor: pointer;
    color: #007dbf;
    -webkit-transition: color,background .15s;
    -moz-transition: color,background .15s;
    -o-transition: color,background .15s;
    transition: color,background .15s
}

    .timer__options__tabs dd:not(.active ) span:hover {
        background: rgba(0,125,191,0.16);
        color: #343434 !important
    }

._fullscreen .timer__options__tabs dd:not(.active ) span:hover {
    background: #fff !important
}

._dark .timer__options__tabs dd:not(.active ) span:hover {
    color: #f7f7f7 !important;
    background: rgba(0,125,191,0.24)
}

._fullscreen ._dark .timer__options__tabs dd:not(.active ) span:hover {
    color: #f7f7f7 !important;
    background: rgba(0,125,191,0.24) !important
}

.timer__options__tabs ins {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none
}

.timer__options__menu {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
    z-index: 1;
    opacity: 1;
    margin-top: -7px;
    -webkit-transition: opacity .15s;
    -moz-transition: opacity .15s;
    -o-transition: opacity .15s;
    transition: opacity .15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-type="sport"] .timer__options__menu::before {
    display: block;
    content: '';
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3
}

._fullscreen [data-type="sport"] .timer__options__menu::before {
    content: none
}

[data-type="sport"] .timer__options__menu > li:nth-of-type(1) {
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

[data-type="sport"] .timer__options__menu > li:nth-of-type(2) {
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2
}

[data-type="sport"] .timer__options__menu > li:nth-of-type(3) {
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4
}

[data-type="sport"] .timer__options__menu > li:nth-of-type(4) {
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5
}

._active .timer__options__menu,
._prestart .timer__options__menu,
._pause .timer__options__menu {
    z-index: -1;
    opacity: 0
}

    ._active .timer__options__menu [data-toggle="menu"],
    ._prestart .timer__options__menu [data-toggle="menu"],
    ._pause .timer__options__menu [data-toggle="menu"] {
        cursor: default;
        pointer-events: none
    }

        ._active .timer__options__menu [data-toggle="menu"] + .dropdown-menu,
        ._prestart .timer__options__menu [data-toggle="menu"] + .dropdown-menu,
        ._pause .timer__options__menu [data-toggle="menu"] + .dropdown-menu {
            display: none
        }

.timer__options__menu > li {
    width: fit-content
}

._fullscreen .timer__options__menu > li:last-child {
    display: none
}

@media screen and (hover:none) and (pointer:coarse) {
    .timer__options__menu > li:last-child {
        margin-top: calc(28px - .24rem)
    }
}

.timer__options__menu > li .dropdown-menu {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 13rem
}

    .timer__options__menu > li .dropdown-menu li {
        flex-basis: 33.333333333333336%
    }

        .timer__options__menu > li .dropdown-menu li._colspan {
            position: relative;
            flex-grow: 1;
            flex-basis: 100%;
            text-align: right
        }

            .timer__options__menu > li .dropdown-menu li._colspan span {
                display: inline-block;
                min-width: 33.333333333333336%
            }

.timer__options__menu > li .dropdown-menu--inputs {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: #fff;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    opacity: 0;
    -webkit-transition: opacity .15s;
    -moz-transition: opacity .15s;
    -o-transition: opacity .15s;
    transition: opacity .15s;
    white-space: nowrap
}

._dark .timer__options__menu > li .dropdown-menu--inputs {
    background: #131e2b;
    -webkit-box-shadow: 0 0 0 2px #131e2b;
    box-shadow: 0 0 0 2px #131e2b
}

    ._dark .timer__options__menu > li .dropdown-menu--inputs input {
        background: transparent;
        color: #f7f7f7;
        border-color: #f7f7f7
    }

    ._dark .timer__options__menu > li .dropdown-menu--inputs button:hover::before {
        color: #f7f7f7
    }

.timer__options__menu .dropdown > [ data-toggle="menu"] {
    color: #007dbf;
    padding: calc(14px - .24rem) 14px 0;
    white-space: normal;
    text-align: center
}

    .timer__options__menu .dropdown > [ data-toggle="menu"]:hover {
        color: #343434
    }

._dark .timer__options__menu .dropdown > [ data-toggle="menu"]:hover {
    color: #f7f7f7
}

.timer__options__menu .dropdown > [ data-toggle="menu"] ins {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    color: #343434
}

._dark .timer__options__menu .dropdown > [ data-toggle="menu"] ins {
    color: #f7f7f7
}

._fullscreen .timer__options__menu .dropdown > [ data-toggle="menu"] {
    pointer-events: none;
    color: inherit;
    opacity: .48
}

    ._fullscreen .timer__options__menu .dropdown > [ data-toggle="menu"]::after {
        content: none
    }

._dark .timer__options__menu .dropdown:hover [data-toggle="menu"] {
    background: #131e2b
}

.timer__options__menu .dropdown:hover .dropdown-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._fullscreen .timer__options__menu .dropdown:hover [data-toggle="menu"] {
    background: none
}

    ._fullscreen .timer__options__menu .dropdown:hover [data-toggle="menu"] + .dropdown-menu {
        display: none
    }

._dark .timer__options__menu .dropdown-menu {
    background: #131e2b;
    -webkit-box-shadow: 0 0 48px #131e2b;
    box-shadow: 0 0 48px #131e2b
}

.timer__options__menu .dropdown-menu > li {
    text-align: center
}

._dark .timer__options__menu .dropdown-menu > li.active > span,
._dark .timer__options__menu .dropdown-menu > li:hover > span {
    color: #f7f7f7;
    background: rgba(0,125,191,0.24)
}

.timer__options__menu__sound {
    position: relative
}

    .timer__options__menu__sound .more {
        padding: calc(14px - .24rem) 14px 0;
        border: initial;
        cursor: default
    }

        .timer__options__menu__sound .more ins {
            display: inline-block;
            vertical-align: baseline;
            border-style: dotted;
            border-width: 0 0 1px;
            text-decoration: none;
            cursor: pointer
        }

            .timer__options__menu__sound .more ins:hover {
                border-color: transparent
            }

        .timer__options__menu__sound .more[aria-expanded="true"] {
            z-index: 1049;
            background: #fff
        }

    .timer__options__menu__sound .dropdown-menu {
        position: absolute
    }

        .timer__options__menu__sound .dropdown-menu.collapsing,
        .timer__options__menu__sound .dropdown-menu.collapse.in {
            display: block
        }

        .timer__options__menu__sound .dropdown-menu ul {
            margin: 0 0 0 0;
            padding: 0;
            list-style: none;
            text-indent: 0;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 14px 14px
        }

            .timer__options__menu__sound .dropdown-menu ul li {
                margin: 0 0 0 0;
                -webkit-flex: 0 0 auto;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto
            }

                .timer__options__menu__sound .dropdown-menu ul li select {
                    width: auto
                }

._dark .timer__options__menu__sound select {
    background: transparent;
    color: #f7f7f7;
    border-color: #f7f7f7
}

._dark .timer__options__menu__sound button:hover::before {
    color: #f7f7f7
}

.timer__options__menu .i-play {
    margin-left: 14px
}

    .timer__options__menu .i-play::before {
        display: inline-block;
        vertical-align: middle;
        min-width: 24px;
        font: 32px/32px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    .timer__options__menu .i-play::before {
        content: '\e939';
        color: #007dbf
    }

@media screen and (hover:none) and (pointer:coarse) {
    .timer__options__menu .i-play::before {
        line-height: 40px;
        width: 40px
    }
}

.timer__options__menu .i-check::before {
    line-height: 40px;
    width: 40px
}

@media screen and (hover:none) and (pointer:coarse) {
    .timer__options__menu .i-check::before {
        font-size: 40px
    }
}

@-moz-document url-prefix() {
    .timer__options__menu input[type="number"] {
        width: 4.2em
    }
}

._fullscreen .timer .fullscreen__controls {
    flex-grow: 2;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

    ._fullscreen .timer .fullscreen__controls [ data-toggle="more"],
    ._fullscreen .timer .fullscreen__controls [ data-toggle="modal"] {
        display: none
    }

.timer .fullscreen__controls .switch-dark {
    z-index: 0
}

@media screen and (hover:none) and (pointer:coarse) {
    .timer .fullscreen__controls .switch-dark {
        margin-top: calc(28px - .24rem)
    }
}

.list-timers > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .list-timers > li .i-remove,
    .list-countdowns > li .i-remove {
        display: none
    }

        .list-timers > li .i-remove::before,
        .list-countdowns > li .i-remove::before {
            color: #c73c4e
        }

        .list-timers > li .i-remove:hover::before,
        .list-countdowns > li .i-remove:hover::before {
            color: #343434
        }

._fullscreen[data-type="pomodoro"],
._fullscreen[data-type="sport"] {
    background: #d9ecf5 !important
}

._dark._fullscreen[data-type="pomodoro"],
._dark._fullscreen[data-type="sport"] {
    background: linear-gradient(to bottom,#000 0%,#07121f 100%) no-repeat #07121f !important
}

._fullscreen._BREAK {
    background: #d6ede3 !important
}

._BREAK .timer__designation dd.active {
    background: #d6ede3
}

._BREAK .timer__designation dd:not(.active ):hover {
    background: #d6ede3
}

._BREAK .timer__controls .button:not(._reset ),
._BREAK .timer__progress div {
    background: #009051
}

._BREAK .timer__designation dd:not(.active ),
._BREAK .time .number {
    color: #009051
}

._fullscreen._LONGBREAK {
    background: #bae4e8 !important
}

._LONGBREAK .timer__designation dd.active {
    background: #bae4e8
}

._LONGBREAK .timer__designation dd:not(.active ):hover {
    background: #bae4e8
}

._LONGBREAK .timer__controls .button:not(._reset ),
._LONGBREAK .timer__progress div {
    background: #088899
}

._LONGBREAK .timer__designation dd:not(.active ),
._LONGBREAK .time .number {
    color: #088899
}

fieldset.modal__timer-settings {
    margin-bottom: 0
}

.modal__timer-settings__time {
    padding-left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .modal__timer-settings__time p {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        padding-left: 0
    }

        .modal__timer-settings__time p:not(:last-child ) {
            margin-right: 14px
        }

@-moz-document url-prefix() {
    .modal__timer-settings__time input[type="number"] {
        width: 4.2em
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .32
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .32
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .32
    }

    100% {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .32
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes prestart5 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    13% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    19.9% {
        content: ''
    }

    20% {
        content: '4';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    33% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    39.9% {
        content: ''
    }

    40% {
        content: '3';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    53% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    59.9% {
        content: ''
    }

    60% {
        content: '2';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    73% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    79.9% {
        content: ''
    }

    80% {
        content: '1';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    93% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    99.9% {
        content: ''
    }
}

@-webkit-keyframes prestart5 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    13% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    19.9% {
        content: ''
    }

    20% {
        content: '4';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    33% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    39.9% {
        content: ''
    }

    40% {
        content: '3';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    53% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    59.9% {
        content: ''
    }

    60% {
        content: '2';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    73% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    79.9% {
        content: ''
    }

    80% {
        content: '1';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    93% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    99.9% {
        content: ''
    }
}

@-o-keyframes prestart5 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    13% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    19.9% {
        content: ''
    }

    20% {
        content: '4';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    33% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    39.9% {
        content: ''
    }

    40% {
        content: '3';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    53% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    59.9% {
        content: ''
    }

    60% {
        content: '2';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    73% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    79.9% {
        content: ''
    }

    80% {
        content: '1';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    93% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    99.9% {
        content: ''
    }
}

@keyframes prestart5 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    13% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    19.9% {
        content: ''
    }

    20% {
        content: '4';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    33% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    39.9% {
        content: ''
    }

    40% {
        content: '3';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    53% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    59.9% {
        content: ''
    }

    60% {
        content: '2';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    73% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    79.9% {
        content: ''
    }

    80% {
        content: '1';
        opacity: 1;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    93% {
        opacity: 0;
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        -webkit-transform: scale(15);
        -ms-transform: scale(15);
        -o-transform: scale(15);
        transform: scale(15)
    }

    99.9% {
        content: ''
    }
}

.countdown,
.stopwatch__counter {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._fullscreen .countdown,
._fullscreen .stopwatch__counter {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.countdown h1,
.stopwatch__counter h1 {
    width: 70%;
    margin-bottom: 0
}

._fullscreen .countdown h1,
._fullscreen .stopwatch__counter h1 {
    display: none
}

.countdown .clock__controls .i-edit::before,
.stopwatch__counter .clock__controls .i-edit::before {
    color: #c6c6c6
}

.countdown .fullscreen__controls,
.stopwatch__counter .fullscreen__controls {
    flex-grow: 1;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

._fullscreen .countdown .fullscreen__controls,
._fullscreen .stopwatch__counter .fullscreen__controls {
    flex-grow: 2
}

.countdown__name,
.stopwatch__counter__name,
.countdown__start,
.stopwatch__counter__start,
.countdown__description,
.stopwatch__counter__description {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

.countdown__name,
.stopwatch__counter__name {
    flex-grow: 2;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 0
}

._fullscreen .countdown__name,
._fullscreen .stopwatch__counter__name {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    font-size: 3.2vw
}

@media screen and (orientation:portrait) {
    ._fullscreen .countdown__name,
    ._fullscreen .stopwatch__counter__name {
        font-size: 6.4vw
    }
}

.countdown__start,
.stopwatch__counter__start {
    flex-grow: 1
}

._fullscreen .countdown__start,
._fullscreen .stopwatch__counter__start {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.countdown__description,
.stopwatch__counter__description {
    flex-grow: 1;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.countdown .time,
.stopwatch__counter .time,
.moon-new .time {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: initial;
    top: unset;
    left: unset;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

    .countdown .time > div,
    .stopwatch__counter .time > div,
    .moon-new .time > div {
        -webkit-flex: 0 0 0;
        -ms-flex: 0 0 0;
        flex: 0 0 0;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin-top: 0;
        margin-bottom: 0;
        overflow: visible
    }

        .countdown .time > div > div,
        .stopwatch__counter .time > div > div,
        .moon-new .time > div > div,
        .stopwatch__hours,
        .stopwatch__minutes,
        .stopwatch__seconds {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            overflow: hidden;
            -webkit-transition: .35s ease-out;
            -moz-transition: .35s ease-out;
            -o-transition: .35s ease-out;
            transition: .35s ease-out;
            font-size: 12.4vw;
            height: 9.2vw;
            line-height: 9.2vw
        }

            .countdown .time > div > div.time__days,
            .stopwatch__counter .time > div > div.time__days,
            .moon-new .time > div > div.time__days,
            .stopwatch__hours.time__days,
            .stopwatch__minutes.time__days,
            .stopwatch__seconds.time__days {
                margin-right: 4vw
            }

                .countdown .time > div > div.time__days + span,
                .stopwatch__counter .time > div > div.time__days + span,
                .moon-new .time > div > div.time__days + span,
                .stopwatch__hours.time__days + span,
                .stopwatch__minutes.time__days + span,
                .stopwatch__seconds.time__days + span {
                    margin-left: -4vw
                }

                .countdown .time > div > div.time__days .number,
                .stopwatch__counter .time > div > div.time__days .number,
                .moon-new .time > div > div.time__days .number,
                .stopwatch__hours.time__days .number,
                .stopwatch__minutes.time__days .number,
                .stopwatch__seconds.time__days .number {
                    width: auto
                }

            .countdown .time > div > div.time__minutes + span,
            .stopwatch__counter .time > div > div.time__minutes + span,
            .moon-new .time > div > div.time__minutes + span,
            .stopwatch__hours.time__minutes + span,
            .stopwatch__minutes.time__minutes + span,
            .stopwatch__seconds.time__minutes + span,
            .countdown .time > div > div.time__seconds + span,
            .stopwatch__counter .time > div > div.time__seconds + span,
            .moon-new .time > div > div.time__seconds + span,
            .stopwatch__hours.time__seconds + span,
            .stopwatch__minutes.time__seconds + span,
            .stopwatch__seconds.time__seconds + span {
                margin-left: .96em
            }

            .countdown .time > div > div + span,
            .stopwatch__counter .time > div > div + span,
            .moon-new .time > div > div + span,
            .stopwatch__hours + span,
            .stopwatch__minutes + span,
            .stopwatch__seconds + span {
                font-size: 3vw;
                margin-top: 1.5vw
            }

@media screen and (min-width:784px) {
    .countdown .time > div > div,
    .stopwatch__counter .time > div > div,
    .moon-new .time > div > div,
    .stopwatch__hours,
    .stopwatch__minutes,
    .stopwatch__seconds {
        font-size: 90px;
        height: 66.6px;
        line-height: 66.6px
    }

        .countdown .time > div > div.time__days,
        .stopwatch__counter .time > div > div.time__days,
        .moon-new .time > div > div.time__days,
        .stopwatch__hours.time__days,
        .stopwatch__minutes.time__days,
        .stopwatch__seconds.time__days {
            margin-right: 32px
        }

            .countdown .time > div > div.time__days + span,
            .stopwatch__counter .time > div > div.time__days + span,
            .moon-new .time > div > div.time__days + span,
            .stopwatch__hours.time__days + span,
            .stopwatch__minutes.time__days + span,
            .stopwatch__seconds.time__days + span {
                margin-left: -32px
            }

        .countdown .time > div > div + span,
        .stopwatch__counter .time > div > div + span,
        .moon-new .time > div > div + span,
        .stopwatch__hours + span,
        .stopwatch__minutes + span,
        .stopwatch__seconds + span {
            font-size: 1rem;
            margin-top: .5rem
        }
}

._fullscreen .countdown .time > div > div,
._fullscreen .stopwatch__counter .time > div > div,
._fullscreen .moon-new .time > div > div,
._fullscreen .stopwatch__hours,
._fullscreen .stopwatch__minutes,
._fullscreen .stopwatch__seconds {
    font-size: 12.4vw;
    height: 9.2vw;
    line-height: 9.2vw
}

    ._fullscreen .countdown .time > div > div.time__days,
    ._fullscreen .stopwatch__counter .time > div > div.time__days,
    ._fullscreen .moon-new .time > div > div.time__days,
    ._fullscreen .stopwatch__hours.time__days,
    ._fullscreen .stopwatch__minutes.time__days,
    ._fullscreen .stopwatch__seconds.time__days {
        margin-right: 4vw
    }

        ._fullscreen .countdown .time > div > div.time__days + span,
        ._fullscreen .stopwatch__counter .time > div > div.time__days + span,
        ._fullscreen .moon-new .time > div > div.time__days + span,
        ._fullscreen .stopwatch__hours.time__days + span,
        ._fullscreen .stopwatch__minutes.time__days + span,
        ._fullscreen .stopwatch__seconds.time__days + span {
            margin-left: -2vw
        }

@media screen and (hover:hover) and (pointer:fine) {
    ._fullscreen .countdown .time > div > div + span,
    ._fullscreen .stopwatch__counter .time > div > div + span,
    ._fullscreen .moon-new .time > div > div + span,
    ._fullscreen .stopwatch__hours + span,
    ._fullscreen .stopwatch__minutes + span,
    ._fullscreen .stopwatch__seconds + span {
        font-size: 1.25vw;
        margin-top: .625vw
    }
}

.countdown .time > div > span,
.stopwatch__counter .time > div > span,
.moon-new .time > div > span,
.calendar-calculate-result__items > li > span {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    text-align: center;
    font-weight: 400;
    font-family: system-ui,sans-serif;
    opacity: .48
}

.countdown-alert,
.stopwatch__counter-alert {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.list-countdowns {
    padding-inline-start: calc(40px + .24rem)
}

    .list-countdowns > li {
        position: relative
    }

        .list-countdowns > li:not(:last-child) {
            margin-bottom: 2px
        }

        .list-countdowns > li a,
        .list-countdowns > li span {
            width: fit-content;
            line-height: 40px;
            padding-top: unset;
            padding-bottom: unset
        }

            .list-countdowns > li a ins,
            .list-countdowns > li span ins {
                text-decoration: none
            }

                .list-countdowns > li a ins:not(:empty)::before,
                .list-countdowns > li span ins:not(:empty)::before {
                    content: ','
                }

        .list-countdowns > li .i-remove {
            display: none;
            position: absolute;
            top: .56em;
            left: calc(-40px - .48rem)
        }

        .list-countdowns > li .fieldset-name input {
            display: none
        }

    .list-countdowns.editable .fieldset-name {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

@media screen and (max-width:599px) {
    .list-countdowns.editable .fieldset-name {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.list-countdowns.editable .fieldset-name a,
.list-countdowns.editable .fieldset-name span {
    white-space: nowrap;
    overflow: initial;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

    .list-countdowns.editable .fieldset-name a ins,
    .list-countdowns.editable .fieldset-name span ins {
        display: none
    }

.list-countdowns.editable .fieldset-name input {
    display: block
}

.stopwatch {
    padding-bottom: 0
}

.stopwatch__counter {
    height: unset;
    min-height: unset
}

._fullscreen .stopwatch__counter {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 38vh
}

.stopwatch__counter .clock__controls li {
    margin: 0
}

@media screen and (max-width:599px) {
    .stopwatch__counter .clock__controls li span,
    .stopwatch__counter .clock__controls li a {
        display: inline-block;
        width: 24px;
        white-space: nowrap;
        overflow: hidden
    }

        .stopwatch__counter .clock__controls li span::before,
        .stopwatch__counter .clock__controls li a::before {
            margin-right: 0
        }
}

.stopwatch__counter .time--stopwatch {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: system-ui,sans-serif;
    font-family: Montserrat,sans-serif;
    font-weight: 900;
    margin: calc(28px - .24rem) 0
}

._fullscreen .stopwatch__counter .time--stopwatch {
    flex-grow: 1
}

.stopwatch__counter .time--stopwatch > div {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.stopwatch__counter .fullscreen__controls {
    flex-grow: 0;
    margin-bottom: calc(28px - .24rem)
}

._fullscreen .stopwatch__counter .fullscreen__controls {
    flex-grow: 1
}

.stopwatch__counter .fullscreen__controls ._restart {
    background: #7b7b7b
}

.stopwatch__mseconds {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 8vw;
    height: 6vw;
    line-height: 6vw
}

@media screen and (min-width:784px) {
    .stopwatch__mseconds {
        font-size: 60px;
        height: 44.4px;
        line-height: 44.4px
    }
}

._fullscreen .stopwatch__mseconds {
    font-size: 8vw;
    height: 6vw;
    line-height: 6vw
}

.stopwatch__mseconds::before {
    content: '.'
}

.stopwatch ._start {
    min-width: 7.2em
}

.stopwatch ._lap {
    background-color: #009051
}

.stopwatch ._stop {
    background-color: #c73c4e
}

.stopwatch__laps::before {
    display: block;
    content: '';
    margin-bottom: calc(28px - .24rem);
    border-top: 7px dotted #f3f3f3
}

.stopwatch__laps .form-action--between {
    margin-bottom: 14px
}

._fullscreen .stopwatch__laps .form-action--between {
    margin-bottom: 28px
}

.stopwatch__laps table {
    margin: 0 0 calc(28px - .24rem);
    width: 100%
}

    .stopwatch__laps table tr:nth-of-type(even) {
        background: rgba(153,153,153,0.125)
    }

    .stopwatch__laps table tr:hover td {
        background: none
    }

    .stopwatch__laps table tr td {
        padding: 7px 14px 7px 0;
        width: 33%
    }

        .stopwatch__laps table tr td:first-child {
            width: 1%;
            min-width: 3em;
            text-align: right;
            padding-left: 14px
        }

        .stopwatch__laps table tr td:nth-of-type(2 ) {
            color: #009051
        }

        .stopwatch__laps table tr td:last-child {
            color: #7b7b7b
        }

        .stopwatch__laps table tr td input[type="text"] {
            height: auto;
            padding: 3.5px 7px;
            font: 1em/1.4 Helvetica,Trebuchet,sans-serif;
            color: #343434;
            border-radius: 3px;
            border: solid #c6c6c6;
            border-width: 1px;
            background: #fff
        }

@media screen and (max-width:599px) {
    .stopwatch__laps table tr td {
        padding-right: 9.333333333333334px;
        width: auto;
        font-size: 89%;
        line-height: 89%
    }

        .stopwatch__laps table tr td:first-child {
            padding-left: 9.333333333333334px;
            min-width: unset
        }

        .stopwatch__laps table tr td:last-child {
            width: 100%
        }
}

._fullscreen .stopwatch__laps {
    height: 62vh;
    overflow: auto
}

.worldclock h2 > a::before {
    margin-left: 0
}

@media screen and (max-width:783px) {
    .worldclock h2 > .i-flag {
        padding-left: 0
    }
}

.worldclock .place__time-difference__add {
    position: absolute;
    z-index: 1;
    top: calc(28px - .24rem);
    right: 28px
}

    .worldclock .place__time-difference__add::before {
        display: inline-block;
        vertical-align: middle;
        min-width: 24px;
        font: 24px/24px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    .worldclock .place__time-difference__add::before {
        content: '\e90f';
        margin-left: -24px
    }

.worldclock .clock__controls {
    display: none
}

.worldclock._fullscreen {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow: auto
}

    .worldclock._fullscreen h1,
    .worldclock._fullscreen .timezone__description,
    .worldclock._fullscreen .place__time-difference__add {
        display: none
    }

    .worldclock._fullscreen .multitime__items {
        flex-grow: 1;
        -webkit-justify-content: space-evenly;
        -ms-flex-pack: justify;
        justify-content: space-evenly;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

        .worldclock._fullscreen .multitime__items > li {
            flex-basis: 25%;
            margin: 8vh 0 0;
            padding: 0 28px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

            .worldclock._fullscreen .multitime__items > li.time--small {
                display: none
            }

@media screen and (orientation:landscape) {
    .worldclock._fullscreen .clock,
    .worldclock._fullscreen .clock--night {
        width: calc(16vw - 56px);
        height: calc(16vw - 56px)
    }

    .worldclock._fullscreen .clock__hours::before,
    .worldclock._fullscreen .clock--night__hours::before {
        width: 1.125vh;
        border-radius: .5625vh;
        margin-left: -0.5625vh;
        border-width: .375vh
    }

    .worldclock._fullscreen .clock__minutes::before,
    .worldclock._fullscreen .clock--night__minutes::before {
        width: .54vh;
        border-radius: .27vh;
        margin-left: -0.27vh
    }

    .worldclock._fullscreen .clock__minutes:after,
    .worldclock._fullscreen .clock--night__minutes:after {
        width: 1.44vh;
        height: 1.44vh;
        margin: -0.72vh 0 0 -0.72vh
    }

    .worldclock._fullscreen .clock__seconds::before,
    .worldclock._fullscreen .clock--night__seconds::before {
        width: .27vh;
        margin: 0 0 -2.16vh -0.135vh
    }

    .worldclock._fullscreen .clock__seconds:after,
    .worldclock._fullscreen .clock--night__seconds:after {
        width: .72vh;
        height: .72vh;
        margin: -0.36vh 0 0 -0.36vh
    }

    .worldclock._fullscreen .clock::before,
    .worldclock._fullscreen .clock--night::before {
        width: 3vh;
        font-size: 3vh;
        line-height: 3vh
    }
}

@media screen and (orientation:portrait) {
    .worldclock._fullscreen .clock,
    .worldclock._fullscreen .clock--night {
        width: 24vh;
        height: 24vh
    }

    .worldclock._fullscreen .clock__hours::before,
    .worldclock._fullscreen .clock--night__hours::before {
        width: 1.875vw;
        border-radius: .9375vw;
        margin-left: -0.9375vw;
        border-width: .625vw
    }

    .worldclock._fullscreen .clock__minutes::before,
    .worldclock._fullscreen .clock--night__minutes::before {
        width: .8999999999999999vw;
        border-radius: .44999999999999996vw;
        margin-left: -0.45vw
    }

    .worldclock._fullscreen .clock__minutes:after,
    .worldclock._fullscreen .clock--night__minutes:after {
        width: 2.4vw;
        height: 2.4vw;
        margin: -1.2vw 0 0 -1.2vw
    }

    .worldclock._fullscreen .clock__seconds::before,
    .worldclock._fullscreen .clock--night__seconds::before {
        width: .44999999999999996vw;
        margin: 0 0 -4.8vw -0.225vw
    }

    .worldclock._fullscreen .clock__seconds:after,
    .worldclock._fullscreen .clock--night__seconds:after {
        width: 1.2vw;
        height: 1.2vw;
        margin: -0.6vw 0 0 -0.6vw
    }

    .worldclock._fullscreen .clock::before,
    .worldclock._fullscreen .clock--night::before {
        width: 6vw;
        font-size: 6vw;
        line-height: 6vw
    }
}

.modal._stopwatch-export .form-action button:nth-of-type(1 )::before {
    display: inline-block;
    content: '';
    width: 12px;
    height: 15px;
    margin: 0 11px 0 4px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 2px #fff inset,-1px 1px 0 1px #007dbf,-2.5px 2.5px 0 1px #fff;
    box-shadow: 0 0 0 2px #fff inset,-1px 1px 0 1px #007dbf,-2.5px 2.5px 0 1px #fff
}

.modal._stopwatch-export .form-action button:nth-of-type(2 )::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    margin-right: 11px;
    font: 24px/24px 'dayspedia-icons.v31';
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.modal._stopwatch-export .form-action button:nth-of-type(2 )::before {
    content: '\e91b'
}

.modal._stopwatch-export select {
    width: fit-content
}

.modal._stopwatch-export textarea {
    min-height: 8rem;
    font: initial;
    font-family: "Courier New",Courier,Monospace;
    font-size: 12px
}

.calendar {
    padding-bottom: unset
}

@media screen and (min-width:600px) {
    .calendar {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.calendar-year h1 .small,
.calendar-date h1 .small,
.calendar-year h2 .small,
.calendar-date h2 .small {
    display: block
}

.calendar .filter-index__months {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 28px
}

    .calendar .filter-index__months > a,
    .calendar .filter-index__months > span {
        padding-right: 14px;
        padding-left: 14px;
        text-transform: initial;
        -webkit-flex: 0 1 33.33%;
        -ms-flex: 0 1 33.33%;
        flex: 0 1 33.33%
    }

@media screen and (min-width:600px) {
    .calendar .filter-index__months > a,
    .calendar .filter-index__months > span {
        flex-basis: 16.66%
    }
}

@media screen and (min-width:600px) {
    .calendar .calendar__month {
        flex-basis: calc(50% - 14px)
    }
}

@media screen and (min-width:1148px) {
    .calendar .calendar__month {
        flex-basis: calc(33.33% - 28px)
    }
}

.month__grid {
    width: 100%
}

table.month__grid {
    border-collapse: collapse;
    border-spacing: 0;
    border: none
}

    table.month__grid tr:first-child th {
        border-width: 0 1px 0 0
    }

        table.month__grid tr:first-child th:last-child {
            border-width: 0
        }

    table.month__grid tr:last-child td {
        border-bottom-width: 0
    }

    table.month__grid.show-week tr.current,
    .week-table li.current {
        background: rgba(255,193,7,0.24)
    }

        table.month__grid.show-week tr.current td:nth-child(1),
        .week-table li.current td:nth-child(1) {
            font-weight: 600
        }

            table.month__grid.show-week tr.current td:nth-child(1) a,
            .week-table li.current td:nth-child(1) a {
                color: #343434
            }

    table.month__grid.show-week tr:not(:first-child) {
        -webkit-transition: background .15s;
        -moz-transition: background .15s;
        -o-transition: background .15s;
        transition: background .15s
    }

        table.month__grid.show-week tr:not(:first-child):hover {
            background: rgba(0,125,191,0.16)
        }

.month__grid th,
.month__grid td {
    width: 14.29%;
    vertical-align: baseline;
    text-align: center;
    border: solid rgba(198,198,198,0.48);
    border-width: 0 0 1px 0
}

.show-week.month__grid th:nth-child(1),
.show-week.month__grid td:nth-child(1) {
    width: 1%
}

    .show-week.month__grid th:nth-child(1) a,
    .show-week.month__grid td:nth-child(1) a {
        padding-right: .32em;
        padding-left: .32em;
        width: 1.88em;
        text-align: center
    }

.month__grid th:not(:last-child),
.month__grid td:not(:last-child) {
    border-width: 0 1px 1px 0
}

.month__grid th:nth-last-child(1),
.month__grid td:nth-last-child(1),
.month__grid th:nth-last-child(2),
.month__grid td:nth-last-child(2),
.sat-1.month__grid th:nth-last-child(6),
.sat-1.month__grid td:nth-last-child(6),
.sat-1.month__grid th:nth-last-child(7),
.sat-1.month__grid td:nth-last-child(7),
.sun-1.month__grid th:nth-last-child(7),
.sun-1.month__grid td:nth-last-child(7) {
    color: #c73c4e
}

    .month__grid th:nth-last-child(1) a,
    .month__grid td:nth-last-child(1) a,
    .month__grid th:nth-last-child(2) a,
    .month__grid td:nth-last-child(2) a,
    .sat-1.month__grid th:nth-last-child(6) a,
    .sat-1.month__grid td:nth-last-child(6) a,
    .sat-1.month__grid th:nth-last-child(7) a,
    .sat-1.month__grid td:nth-last-child(7) a,
    .sun-1.month__grid th:nth-last-child(7) a,
    .sun-1.month__grid td:nth-last-child(7) a {
        color: inherit;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

        .month__grid th:nth-last-child(1) a:hover,
        .month__grid td:nth-last-child(1) a:hover,
        .month__grid th:nth-last-child(2) a:hover,
        .month__grid td:nth-last-child(2) a:hover,
        .sat-1.month__grid th:nth-last-child(6) a:hover,
        .sat-1.month__grid td:nth-last-child(6) a:hover,
        .sat-1.month__grid th:nth-last-child(7) a:hover,
        .sat-1.month__grid td:nth-last-child(7) a:hover,
        .sun-1.month__grid th:nth-last-child(7) a:hover,
        .sun-1.month__grid td:nth-last-child(7) a:hover {
            color: inherit
        }

    .month__grid th:nth-last-child(1).working a,
    .month__grid td:nth-last-child(1).working a,
    .month__grid th:nth-last-child(2).working a,
    .month__grid td:nth-last-child(2).working a,
    .sat-1.month__grid th:nth-last-child(6).working a,
    .sat-1.month__grid td:nth-last-child(6).working a,
    .sat-1.month__grid th:nth-last-child(7).working a,
    .sat-1.month__grid td:nth-last-child(7).working a,
    .sun-1.month__grid th:nth-last-child(7).working a,
    .sun-1.month__grid td:nth-last-child(7).working a {
        color: #343434
    }

.sat-1.month__grid th:nth-last-child(1) a:hover,
.sat-1.month__grid td:nth-last-child(1) a:hover,
.sat-1.month__grid th:nth-last-child(2) a:hover,
.sat-1.month__grid td:nth-last-child(2) a:hover,
.sun-1.month__grid th:nth-last-child(2) a:hover,
.sun-1.month__grid td:nth-last-child(2) a:hover {
    color: #343434 !important
}

.month__grid th,
.sat-1.month__grid th:nth-last-child(1),
.sat-1.month__grid th:nth-last-child(2),
.sun-1.month__grid th:nth-last-child(2) {
    font-size: .72em;
    font-weight: normal;
    color: #343434;
    text-transform: uppercase
}

.month__grid td,
.sat-1.month__grid td:nth-last-child(1),
.sat-1.month__grid td:nth-last-child(2),
.sun-1.month__grid td:nth-last-child(2) {
    -webkit-transition: background .35s;
    -moz-transition: background .35s;
    -o-transition: background .35s;
    transition: background .35s;
    color: #343434
}

    .month__grid td a,
    .sat-1.month__grid td:nth-last-child(1) a,
    .sat-1.month__grid td:nth-last-child(2) a,
    .sun-1.month__grid td:nth-last-child(2) a,
    .month__grid td span,
    .sat-1.month__grid td:nth-last-child(1) span,
    .sat-1.month__grid td:nth-last-child(2) span,
    .sun-1.month__grid td:nth-last-child(2) span {
        display: block;
        padding: 7px 0
    }

    .month__grid td a,
    .sat-1.month__grid td:nth-last-child(1) a,
    .sat-1.month__grid td:nth-last-child(2) a,
    .sun-1.month__grid td:nth-last-child(2) a {
        color: #343434
    }

        .month__grid td a:hover,
        .sat-1.month__grid td:nth-last-child(1) a:hover,
        .sat-1.month__grid td:nth-last-child(2) a:hover,
        .sun-1.month__grid td:nth-last-child(2) a:hover {
            -webkit-transform: scale(1.51);
            -ms-transform: scale(1.51);
            -o-transform: scale(1.51);
            -webkit-transform: scale(1.51);
            -ms-transform: scale(1.51);
            -o-transform: scale(1.51);
            transform: scale(1.51);
            color: inherit
        }

    .month__grid td.today,
    .sat-1.month__grid td:nth-last-child(1).today,
    .sat-1.month__grid td:nth-last-child(2).today,
    .sun-1.month__grid td:nth-last-child(2).today {
        -webkit-box-shadow: 0 0 0 4px #ffc107 inset,0 0 0 5px #fff inset;
        box-shadow: 0 0 0 4px #ffc107 inset,0 0 0 5px #fff inset;
        font-weight: 600
    }

.show-week.month__grid td.today,
.show-week.sat-1.month__grid td:nth-last-child(1).today,
.show-week.sat-1.month__grid td:nth-last-child(2).today,
.show-week.sun-1.month__grid td:nth-last-child(2).today {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(255,193,7,0.56)
}

.month__grid td.today a,
.sat-1.month__grid td:nth-last-child(1).today a,
.sat-1.month__grid td:nth-last-child(2).today a,
.sun-1.month__grid td:nth-last-child(2).today a,
.month__grid td.today span,
.sat-1.month__grid td:nth-last-child(1).today span,
.sat-1.month__grid td:nth-last-child(2).today span,
.sun-1.month__grid td:nth-last-child(2).today span,
.show-week.month__grid td.today,
.show-week.sat-1.month__grid td:nth-last-child(1).today,
.show-week.sat-1.month__grid td:nth-last-child(2).today,
.show-week.sun-1.month__grid td:nth-last-child(2).today {
    mix-blend-mode: normal !important
}

.month__grid td.holiday,
.sat-1.month__grid td:nth-last-child(1).holiday,
.sat-1.month__grid td:nth-last-child(2).holiday,
.sun-1.month__grid td:nth-last-child(2).holiday {
    background: #9ed9f9
}

    .month__grid td.holiday a,
    .sat-1.month__grid td:nth-last-child(1).holiday a,
    .sat-1.month__grid td:nth-last-child(2).holiday a,
    .sun-1.month__grid td:nth-last-child(2).holiday a,
    .month__grid td.holiday span,
    .sat-1.month__grid td:nth-last-child(1).holiday span,
    .sat-1.month__grid td:nth-last-child(2).holiday span,
    .sun-1.month__grid td:nth-last-child(2).holiday span,
    .show-week.month__grid td.holiday,
    .show-week.sat-1.month__grid td:nth-last-child(1).holiday,
    .show-week.sat-1.month__grid td:nth-last-child(2).holiday,
    .show-week.sun-1.month__grid td:nth-last-child(2).holiday {
        mix-blend-mode: multiply
    }

    .month__grid td.holiday._hidden,
    .sat-1.month__grid td:nth-last-child(1).holiday._hidden,
    .sat-1.month__grid td:nth-last-child(2).holiday._hidden,
    .sun-1.month__grid td:nth-last-child(2).holiday._hidden {
        background: #fff
    }

.month__grid td.celebrate,
.sat-1.month__grid td:nth-last-child(1).celebrate,
.sat-1.month__grid td:nth-last-child(2).celebrate,
.sun-1.month__grid td:nth-last-child(2).celebrate {
    background: #dbdbdb
}

    .month__grid td.celebrate._hidden,
    .sat-1.month__grid td:nth-last-child(1).celebrate._hidden,
    .sat-1.month__grid td:nth-last-child(2).celebrate._hidden,
    .sun-1.month__grid td:nth-last-child(2).celebrate._hidden {
        background: #fff
    }

    .month__grid td.celebrate a,
    .sat-1.month__grid td:nth-last-child(1).celebrate a,
    .sat-1.month__grid td:nth-last-child(2).celebrate a,
    .sun-1.month__grid td:nth-last-child(2).celebrate a,
    .month__grid td.celebrate span,
    .sat-1.month__grid td:nth-last-child(1).celebrate span,
    .sat-1.month__grid td:nth-last-child(2).celebrate span,
    .sun-1.month__grid td:nth-last-child(2).celebrate span,
    .show-week.month__grid td.celebrate,
    .show-week.sat-1.month__grid td:nth-last-child(1).celebrate,
    .show-week.sat-1.month__grid td:nth-last-child(2).celebrate,
    .show-week.sun-1.month__grid td:nth-last-child(2).celebrate {
        mix-blend-mode: multiply
    }

.month__grid td.nearby,
.sat-1.month__grid td:nth-last-child(1).nearby,
.sat-1.month__grid td:nth-last-child(2).nearby,
.sun-1.month__grid td:nth-last-child(2).nearby {
    background: rgba(243,243,243,0.64)
}

    .month__grid td.nearby a,
    .sat-1.month__grid td:nth-last-child(1).nearby a,
    .sat-1.month__grid td:nth-last-child(2).nearby a,
    .sun-1.month__grid td:nth-last-child(2).nearby a,
    .month__grid td.nearby span,
    .sat-1.month__grid td:nth-last-child(1).nearby span,
    .sat-1.month__grid td:nth-last-child(2).nearby span,
    .sun-1.month__grid td:nth-last-child(2).nearby span {
        opacity: .24
    }

        .month__grid td.nearby a:hover,
        .sat-1.month__grid td:nth-last-child(1).nearby a:hover,
        .sat-1.month__grid td:nth-last-child(2).nearby a:hover,
        .sun-1.month__grid td:nth-last-child(2).nearby a:hover {
            opacity: .48
        }

.show-week.month__grid td:nth-child(1) a {
    font-size: 89%;
    color: #007dbf
}

    .show-week.month__grid td:nth-child(1) a:hover {
        color: #343434
    }

.month__moon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0
}

    .month__moon._hidden {
        display: none
    }

    .month__moon li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 7px 14px;
        position: relative;
        font-size: 89%
    }

        .month__moon li::before,
        .moonphases__table td:first-child::before {
            display: inline-block;
            vertical-align: middle;
            content: '';
            height: 10px;
            width: 10px;
            border-radius: 50%;
            margin-right: 7px;
            background-color: #343434;
            -webkit-box-shadow: 0 0 0 1.25px #343434;
            box-shadow: 0 0 0 1.25px #343434
        }

        .month__moon li.moon--3::before,
        .moonphases__table td.moon--3::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFFFFF' d='M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8V0z'/%3E%3C/svg%3E")
        }

        .month__moon li.moon--1::before,
        .moonphases__table td.moon--1::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFFFFF' d='M8,0c4.42,0,8,3.58,8,8s-3.58,8-8,8V0z'/%3E%3C/svg%3E")
        }

        .month__moon li.moon--full::before,
        .moonphases__table td.moon--full::before {
            background: #fff
        }

.month__list {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    width: 100%
}

.calendar .month__list {
    margin-bottom: 28px
}

.month__grid + .month__list,
.month__moon + .month__list {
    margin-top: 14px
}

.month__list:last-child li:last-child {
    border: none;
    padding-bottom: 0
}

.month__list li {
    margin: 0 0 0 0;
    padding: 7px 0;
    border: solid rgba(198,198,198,0.48);
    border-width: 0 0 1px
}

    .month__list li._hidden {
        display: none
    }

.calendar-date .month__list li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.month__list li > a ~ span {
    display: block;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-right: .24rem;
    margin-left: 5.2rem;
    font-size: 89%
}

.date--events.month__list li > a ~ span {
    margin-left: 1.36rem
}

.month__list li > a ~ span::before {
    font-size: 1.32rem;
    min-width: 1.32rem;
    margin-right: .34rem;
    margin-left: calc(-1.32rem - .34rem)
}

.month__list li > a,
.month__list li > span:first-child {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: fit-content;
    margin-right: .24rem
}

    .month__list li > a time,
    .month__list li > span:first-child time {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        flex-shrink: 0;
        color: #343434;
        text-align: right;
        border-color: #fff;
        margin-right: .64rem
    }

        .month__list li > a time ins,
        .month__list li > span:first-child time ins {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            text-decoration: none
        }

            .month__list li > a time ins:first-child,
            .month__list li > span:first-child time ins:first-child {
                width: 1.6rem;
                font-family: Montserrat,sans-serif;
                text-align: center;
                -webkit-transition: .15s;
                -moz-transition: .15s;
                -o-transition: .15s;
                transition: .15s
            }

            .month__list li > a time ins:last-child,
            .month__list li > span:first-child time ins:last-child {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-flow: row nowrap;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-align-items: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between;
                width: 2.24rem;
                font-size: .72rem;
                color: #7b7b7b;
                text-align: right;
                text-transform: uppercase
            }

        .month__list li > a time::after,
        .month__list li > span:first-child time::after {
            flex-shrink: 0;
            content: '';
            height: .72rem;
            width: .72rem
        }

.month__list li.today time::after {
    -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 5px #ffc107;
    box-shadow: 0 0 0 1px #fff,0 0 0 5px #ffc107
}

.month__list li.holiday time::after {
    background: #5bbff5
}

.month__list li.celebrate time::after {
    background: #c0c0c0
}

.month__list li.match ins:first-child,
.month__list li.match ins:last-child {
    color: transparent
}

.calendar-filter {
    flex-grow: 1;
    flex-basis: 100%;
    margin-bottom: 16px
}

.calendar-filter__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0
}

    .calendar-filter__list > li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 1;
        margin: -2px 0 14px 0
    }

        .calendar-filter__list > li label {
            padding: 7px 14px
        }

        .calendar-filter__list > li input {
            margin-right: 14px
        }

.calendar-filter .holidays {
    background: #9ed9f9;
    border-radius: 5px 0 0 5px
}

.calendar-filter .celebrates {
    margin-right: 14px;
    background: #dbdbdb;
    border-radius: 0 5px 5px 0
}

.calendar-filter .moonphases label,
.calendar-filter .regionals label {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 2px #dbdbdb inset;
    box-shadow: 0 0 0 2px #dbdbdb inset
}

.calendar-filter .moonphases {
    z-index: 0;
    flex-grow: 1;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .calendar-filter .moonphases .month__moon {
        -webkit-justify-content: initial;
        -ms-flex-pack: initial;
        justify-content: initial
    }

        .calendar-filter .moonphases .month__moon li {
            margin-top: 4px;
            margin-bottom: 4px
        }

.calendar-navigation {
    padding-bottom: unset;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:600px) {
    .calendar-navigation {
        flex-wrap: nowrap
    }
}

.calendar-navigation__item {
    flex-basis: 50%;
    margin-bottom: calc(28px - .24rem);
    min-width: 5em
}

    .calendar-navigation__item:nth-of-type(1) {
        padding-left: calc(24px + .24rem)
    }

        .calendar-navigation__item:nth-of-type(1) a:first-child::before,
        .calendar-navigation__item:nth-of-type(1) a:only-child::before {
            display: inline-block;
            vertical-align: middle;
            margin-right: .24rem;
            font: 24px/24px 'dayspedia-icons.v31';
            text-decoration: none;
            -webkit-transition: .15s;
            -moz-transition: .15s;
            -o-transition: .15s;
            transition: .15s
        }

        .calendar-navigation__item:nth-of-type(1) a:first-child::before,
        .calendar-navigation__item:nth-of-type(1) a:only-child::before {
            content: '\e93d'
        }

        .calendar-navigation__item:nth-of-type(1) a:first-child::before,
        .calendar-navigation__item:nth-of-type(1) a:only-child::before {
            margin-left: calc(-24px - .24rem)
        }

    .calendar-navigation__item:nth-of-type(2),
    .calendar-navigation__item:nth-of-type(3) {
        padding-right: calc(24px + .24rem);
        text-align: right;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3
    }

@media screen and (max-width:599px) {
    .calendar-navigation__item:nth-of-type(2),
    .calendar-navigation__item:nth-of-type(3) {
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
}

.calendar-navigation__item:nth-of-type(2) a:first-child,
.calendar-navigation__item:nth-of-type(3) a:first-child,
.calendar-navigation__item:nth-of-type(2) a:only-child,
.calendar-navigation__item:nth-of-type(3) a:only-child {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .calendar-navigation__item:nth-of-type(2) a:first-child::after,
    .calendar-navigation__item:nth-of-type(3) a:first-child::after,
    .calendar-navigation__item:nth-of-type(2) a:only-child::after,
    .calendar-navigation__item:nth-of-type(3) a:only-child::after {
        display: inline-block;
        vertical-align: middle;
        margin-left: .24rem;
        font: 24px/24px 'dayspedia-icons.v31';
        text-decoration: none;
        -webkit-transition: .15s;
        -moz-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    .calendar-navigation__item:nth-of-type(2) a:first-child::after,
    .calendar-navigation__item:nth-of-type(3) a:first-child::after,
    .calendar-navigation__item:nth-of-type(2) a:only-child::after,
    .calendar-navigation__item:nth-of-type(3) a:only-child::after {
        content: '\e93e'
    }

    .calendar-navigation__item:nth-of-type(2) a:first-child::after,
    .calendar-navigation__item:nth-of-type(3) a:first-child::after,
    .calendar-navigation__item:nth-of-type(2) a:only-child::after,
    .calendar-navigation__item:nth-of-type(3) a:only-child::after {
        margin-right: calc(-24px - .24rem)
    }

.calendar-navigation__item a:first-child,
.calendar-navigation__item a:only-child {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: system-ui,sans-serif;
    font-family: Montserrat,sans-serif;
    font-weight: 900;
    font-size: 1.375em;
    white-space: nowrap
}

.calendar-navigation__current {
    flex-grow: 1;
    flex-basis: 100%;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    text-align: center;
    margin-bottom: calc(28px - .24rem)
}

    .calendar-navigation__current > a {
        display: block
    }

@media screen and (min-width:600px) {
    .calendar-navigation__current {
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        flex-grow: 0;
        flex-basis: auto;
        margin-right: 28px;
        margin-left: 28px
    }
}

.calendar-select,
.calendar-calculate__form {
    padding-left: 14px;
    padding-top: calc(14px - .24rem);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .calendar-select .dropdown,
    .calendar-calculate__form .dropdown,
    .calendar-select .dropup,
    .calendar-calculate__form .dropup,
    .calendar-select .input-suggestion,
    .calendar-calculate__form .input-suggestion,
    .calendar-select > button,
    .calendar-calculate__form > button,
    .calendar-pdf__settings .dropdown {
        margin: 14px 0 0 14px
    }

    .calendar-select .dropdown,
    .calendar-calculate__form .dropdown,
    .calendar-select .dropup,
    .calendar-calculate__form .dropup,
    .calendar-pdf__settings .dropdown {
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

        .calendar-select .dropdown input[type="number"],
        .calendar-calculate__form .dropdown input[type="number"],
        .calendar-select .dropup input[type="number"],
        .calendar-calculate__form .dropup input[type="number"],
        .calendar-pdf__settings .dropdown input[type="number"] {
            min-width: 4.2em;
            width: calc(4.2em + 28px);
            text-align: center
        }

        .calendar-select .dropdown .dropdown-menu,
        .calendar-calculate__form .dropdown .dropdown-menu,
        .calendar-select .dropup .dropdown-menu,
        .calendar-calculate__form .dropup .dropdown-menu,
        .calendar-pdf__settings .dropdown .dropdown-menu {
            min-width: 100%;
            text-align: center;
            border: 1px solid #7b7b7b
        }

        .calendar-select .dropup:hover input,
        .calendar-calculate__form .dropup:hover input,
        .calendar-pdf__settings .dropdown:hover input {
            border-color: #7b7b7b;
            border-top-style: dotted
        }

        .calendar-select .dropdown:hover input,
        .calendar-calculate__form .dropdown:hover input {
            border-color: #7b7b7b;
            border-bottom-style: dotted
        }

        .calendar-select .dropdown:hover .dropdown-menu,
        .calendar-calculate__form .dropdown:hover .dropdown-menu {
            margin-top: -1px
        }

    .calendar-select .input-suggestion,
    .calendar-calculate__form .input-suggestion {
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 250px
    }

    .calendar-select > button,
    .calendar-calculate__form > button {
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

.date--events > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.calendar-homepage {
    word-break: break-word;
    -webkit-align-items: initial;
    -ms-flex-align: initial;
    align-items: initial
}

    .calendar-homepage .column--1,
    .calendar-homepage .column--2,
    .calendar-date .column--1,
    .calendar-date .column--2 {
        -ms-flex-order: unset;
        -webkit-order: unset;
        order: unset
    }

@media screen and (max-width:783px) {
    .calendar-homepage .column--1 + .block,
    .calendar-homepage .column--2 + .block,
    .calendar-date .column--1 + .block,
    .calendar-date .column--2 + .block {
        margin-top: -14px
    }

        .calendar-homepage .column--1 + .block::before,
        .calendar-homepage .column--2 + .block::before,
        .calendar-date .column--1 + .block::before,
        .calendar-date .column--2 + .block::before {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: -3.5px;
            content: '';
            border-top: 7px dotted #f3f3f3
        }
}

@media screen and (max-width:783px) and (min-width:784px) {
    .calendar-homepage .column--1 + .block,
    .calendar-homepage .column--2 + .block,
    .calendar-date .column--1 + .block,
    .calendar-date .column--2 + .block {
        margin-top: -28px
    }
}

.calendar-homepage h1,
.calendar-homepage h2 {
    margin-bottom: 0
}

    .calendar-homepage h1 a {
        display: block
    }

.calendar-homepage .places {
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3
}

.calendar-year {
    -webkit-align-items: initial;
    -ms-flex-align: initial;
    align-items: initial
}

    .calendar-year h1 {
        margin-bottom: 0
    }

    .calendar-year .column--1,
    .calendar-year .column--2 {
        -ms-flex-order: unset;
        -webkit-order: unset;
        order: unset
    }

@media screen and (min-width:784px) {
    .calendar-year .column--1,
    .calendar-year .column--2 {
        flex-basis: calc(50% - 14px)
    }
}

.calendar-year .column--2 {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .calendar-year .column--2 .b-print {
        margin: 0 0 calc(14px - .24rem) 0;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

@media screen and (min-width:1148px) {
    .calendar-year .column--2 .b-print {
        margin-right: 14px;
        width: fit-content
    }
}

@media screen and (max-width:783px) {
    .calendar-year .column--1 + .column--2 {
        margin-top: -14px
    }

        .calendar-year .column--1 + .column--2::before {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            top: -3.5px;
            content: '';
            border-top: 7px dotted #f3f3f3
        }
}

.calendar-year .banner--main {
    height: unset;
    flex-basis: 100%;
    flex-grow: 1
}

@media screen and (max-width:960px) {
    .calendar-year .banner--main {
        margin-right: -28px;
        margin-left: -28px
    }
}

.calendar-date {
    -webkit-align-items: initial;
    -ms-flex-align: initial;
    align-items: initial
}

    .calendar-date h2,
    .calendar-date h3 {
        flex-basis: 100%
    }

    .calendar-date h2 {
        margin-bottom: calc(28px - .24rem)
    }

@media screen and (min-width:784px) {
    .calendar-date h2.i-flag::before {
        margin-left: -42px
    }
}

@media screen and (min-width:784px) and (max-width:783px) {
    .calendar-date h2.i-flag {
        display: block;
        padding-left: 42px
    }
}

.calendar-date h2.holiday::before,
.calendar-date h2.celebrate::before {
    display: inline-block;
    content: '';
    height: 1rem;
    width: 1rem;
    margin-right: 14px;
    margin-left: 0;
    border-radius: 0
}

.calendar-date h2.holiday ~ .i-location,
.calendar-date h2.celebrate ~ .i-location,
.calendar-date h2.holiday ~ .dayoff,
.calendar-date h2.celebrate ~ .dayoff {
    margin-left: calc(1rem + 12px)
}

    .calendar-date h2.holiday ~ .i-location + .dayoff,
    .calendar-date h2.celebrate ~ .i-location + .dayoff {
        margin-left: calc(1rem + 36px)
    }

.calendar-date h2.holiday::before {
    background: #9ed9f9
}

.calendar-date h2.celebrate::before {
    background: #dbdbdb
}

.calendar-date h3.i-flag {
    padding-left: 0
}

    .calendar-date h3.i-flag::before {
        margin-left: 0
    }

.calendar-date .time__location {
    margin-top: 0;
    margin-bottom: calc(28px - .24rem)
}

.calendar-date h2 + .month__list li:last-child {
    border: none
}

.calendar-date figure {
    position: relative;
    margin: calc(28px - .24rem) 0
}

    .calendar-date figure img {
        max-width: 100%
    }

.calendar-date figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: calc(14px - .24rem) 14px;
    color: #f3f3f3;
    background: rgba(1,4,7,0.72)
}

.calendar-date .calendar-date__years {
    margin: 0 0 calc(28px - .24rem) 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: table;
    width: 100%
}

    .calendar-date .calendar-date__years span {
        display: table-cell;
        vertical-align: baseline;
        padding: 7px 14px 7px 0;
        white-space: normal;
        border-top: 1px solid #e0e0e0
    }

        .calendar-date .calendar-date__years span:first-child {
            width: 1%
        }

        .calendar-date .calendar-date__years span:empty {
            border-top: none
        }

    .calendar-date .calendar-date__years li {
        display: table-row;
        white-space: nowrap
    }

        .calendar-date .calendar-date__years li:first-child span {
            padding-top: 0;
            border-top: none
        }

.calendar-date .panel + .more {
    margin-top: calc(28px - .24rem)
}

.calendar-date .dayoff,
.calendar-date h2 + .i-location {
    margin-top: -17.5px
}

    .calendar-date .dayoff + h2 {
        margin-top: calc(28px - .24rem)
    }

.calendar-date h2 ~ .i-location {
    padding-left: 24px
}

    .calendar-date h2 ~ .i-location ~ .dayoff {
        margin-top: -10.5px
    }

    .calendar-date h2 ~ .i-location::before {
        margin: 0 4px 0 -28px
    }

.week {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width:784px) {
    .week {
        -webkit-flex: 0 0 728px;
        -ms-flex: 0 0 728px;
        flex: 0 0 728px
    }
}

.week h1 {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.week__info {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .week__info h2 {
        font-size: 8rem;
        line-height: .75;
        white-space: nowrap
    }

    .week__info h3 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        font-size: 1.375em
    }

    .week__info p {
        line-height: .75
    }

.week__info,
.week .calendar__month {
    margin-bottom: calc(28px - .24rem)
}

@media screen and (min-width:784px) {
    .week__info,
    .week .calendar__month {
        -webkit-flex: 0 0 322px;
        -ms-flex: 0 0 322px;
        flex: 0 0 322px
    }
}

.week__tabs {
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
    flex-grow: 1;
    flex-basis: 100%;
    position: relative;
    padding-top: 14px;
    margin-top: 7px;
    font-size: 89%
}

    .week__tabs dt,
    .week__tabs dd {
        line-height: 1
    }

    .week__tabs dt {
        color: #7b7b7b
    }

    .week__tabs::before {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: -3.5px;
        content: '';
        border-top: 7px dotted #f3f3f3
    }

.week-calculator {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .week-calculator .submit {
        margin-left: 14px
    }

    .week-calculator + .alert--error {
        margin: 14px 0 0
    }

.week-table {
    margin: 0 0 28px 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: table;
    width: 100%
}

    .week-table li {
        display: table-row-group;
        -webkit-box-shadow: 0 1px 0 #fff inset,0 -1px 0 #fff inset;
        box-shadow: 0 1px 0 #fff inset,0 -1px 0 #fff inset;
        white-space: nowrap
    }

        .week-table li:first-child span:first-child {
            text-align: center
        }

        .week-table li:not(:first-child) a span {
            color: #7b7b7b
        }

        .week-table li a span:first-child {
            color: #007dbf
        }

        .week-table li.current {
            display: table-row;
            font-weight: 600;
            -webkit-box-shadow: none;
            box-shadow: none
        }

            .week-table li.current span:not(:first-child),
            .week-table li.current ~ li span:not(:first-child) {
                color: #343434
            }

        .week-table li:hover a span {
            background: rgba(0,125,191,0.16);
            -webkit-transition: background .35s;
            -moz-transition: background .35s;
            -o-transition: background .35s;
            transition: background .35s;
            color: #343434
        }

    .week-table a {
        display: table-row
    }

    .week-table span {
        display: table-cell;
        padding: 7px 0 7px 14px;
        white-space: normal
    }

        .week-table span:first-child {
            width: 1%;
            text-align: center
        }

.calendar-pdf {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calendar-pdf__settings,
.calendar-pdf__preview {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media screen and (min-width:784px) {
    .calendar-pdf__settings,
    .calendar-pdf__preview {
        -webkit-flex: 0 1 322px;
        -ms-flex: 0 1 322px;
        flex: 0 1 322px
    }
}

.calendar-pdf__settings fieldset,
.calendar-pdf__preview fieldset {
    margin-bottom: calc(21px - .24rem)
}

.calendar-pdf__settings label + input[ type='text'],
.calendar-pdf__preview label + input[ type='text'],
.calendar-pdf__settings label + input[ type='number'],
.calendar-pdf__preview label + input[ type='number'],
.calendar-pdf__settings label + select,
.calendar-pdf__preview label + select {
    display: block;
    margin-top: 7px
}

.calendar-pdf__settings select,
.calendar-pdf__preview select {
    width: fit-content
}

.calendar-pdf__settings .dropdown {
    margin: 0 0 calc(21px - .24rem);
    width: fit-content
}

    .calendar-pdf__settings .dropdown input {
        padding-right: 0
    }

    .calendar-pdf__settings .dropdown .dropdown-menu {
        margin-top: -1px
    }

    .calendar-pdf__settings .dropdown:hover input {
        border-top-style: solid;
        border-bottom-style: dotted
    }

@media screen and (min-width:784px) {
    .calendar-pdf__settings .countdown-form {
        flex-wrap: nowrap
    }
}

.calendar-pdf__settings .countdown-form fieldset:last-child {
    padding-right: 0
}

.calendar-pdf__settings .countdown-form input[type='date'] {
    max-width: 8.4em
}

.calendar-pdf__preview .tab-pane {
    margin-bottom: 28px;
    padding: 14px;
    background: rgba(1,4,7,0.075);
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

    .calendar-pdf__preview .tab-pane::before {
        content: '';
        width: 1px;
        margin-left: -15px;
        float: left;
        height: 0;
        padding-top: 70.70707070707071%
    }

    .calendar-pdf__preview .tab-pane::after {
        content: '';
        display: table;
        clear: both
    }

.calendar-pdf__preview img {
    width: 100%;
    cursor: pointer;
    cursor: zoom-in
}

.calendar-calculate .alert--error {
    width: 100%
}

    .calendar-calculate .alert--error::before {
        content: none
    }

.calendar-calculate__form {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 0;
    text-align: center
}

    .calendar-calculate__form fieldset {
        margin-bottom: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }

        .calendar-calculate__form fieldset:not(:last-child) > div {
            margin-bottom: calc(28px - .24rem)
        }

.calendar-calculate__form__values {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

    .calendar-calculate__form__values .calendar-calculate__form__add-to {
        flex-grow: 1
    }

        .calendar-calculate__form__values .calendar-calculate__form__add-to input,
        .calendar-calculate__form__values .calendar-calculate__form__add-to select {
            width: fit-content;
            text-align: center
        }

@media screen and (min-width:600px) {
    .calendar-calculate__form__values .calendar-calculate__form__add-to input,
    .calendar-calculate__form__values .calendar-calculate__form__add-to select {
        margin-right: 14px
    }
}

.calendar-calculate__form__values .calendar-calculate__form__add-to > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: calc(14px - .24rem)
}

@media screen and (min-width:600px) {
    .calendar-calculate__form__values .calendar-calculate__form__add-to > div {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.calendar-calculate__form .dropdown {
    -ms-flex-order: unset;
    -webkit-order: unset;
    order: unset;
    margin: 0
}

@media screen and (min-width:600px) {
    .calendar-calculate__form .dropdown {
        margin-right: 14px
    }
}

.calendar-calculate__form .dropdown input {
    margin-right: 0
}

.calendar-calculate__form .i-calendar {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 40px;
    width: 40px;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #c6c6c6;
    border-radius: 3px
}

    .calendar-calculate__form .i-calendar::before {
        margin-right: 0;
        color: #343434;
        line-height: 40px
    }

    .calendar-calculate__form .i-calendar:hover::before {
        color: #007dbf
    }

    .calendar-calculate__form .i-calendar input {
        position: absolute !important;
        top: 0;
        right: 0;
        z-index: 1;
        opacity: 0;
        margin-right: 0;
        padding-right: 0;
        cursor: pointer
    }

.calendar-calculate__form__time,
.calendar-calculate__form__add {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .calendar-calculate__form__time input,
    .calendar-calculate__form__add input,
    .calendar-calculate__form__time select,
    .calendar-calculate__form__add select {
        width: fit-content;
        text-align: center
    }

    .calendar-calculate__form__time label,
    .calendar-calculate__form__add label {
        display: block;
        padding-bottom: calc(14px - .24rem)
    }

.calendar-calculate__form__time {
    flex-grow: 0;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

@media screen and (min-width:784px) {
    .calendar-calculate__form__time {
        padding-right: 5%
    }
}

.calendar-calculate__form__time > div:not(:last-child)::after {
    content: ':';
    margin: 0 7px;
    float: right;
    line-height: 40px;
    font-family: system-ui,sans-serif;
    font-family: Montserrat,sans-serif;
    font-weight: 900;
    color: #9e9e9e
}

.calendar-calculate__form__time > div:not(:last-child) label {
    padding-right: 21px
}

.calendar-calculate__form__add {
    flex-grow: 1;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

    .calendar-calculate__form__add > div {
        margin: 0 7px
    }

fieldset.calendar-calculate__form__option,
fieldset.calendar-calculate__form__days-between {
    margin-bottom: calc(28px - .24rem)
}

.calendar-calculate__form__option,
.calendar-calculate__form__days-between {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .calendar-calculate__form__option label,
    .calendar-calculate__form__days-between label {
        color: #7b7b7b;
        margin-right: 14px
    }

    .calendar-calculate__form__option input[ type="radio"],
    .calendar-calculate__form__days-between input[ type="radio"] {
        margin-left: 14px
    }

        .calendar-calculate__form__option input[ type="radio"]::before,
        .calendar-calculate__form__days-between input[ type="radio"]::before {
            color: #9e9e9e
        }

        .calendar-calculate__form__option input[ type="radio"]:checked + label,
        .calendar-calculate__form__days-between input[ type="radio"]:checked + label {
            color: #343434;
            font-weight: 400
        }

        .calendar-calculate__form__option input[ type="radio"]:checked::before,
        .calendar-calculate__form__days-between input[ type="radio"]:checked::before {
            color: #009051
        }

    .calendar-calculate__form__option .switch-box input:checked + i + label,
    .calendar-calculate__form__days-between .switch-box input:checked + i + label {
        color: #343434;
        font-weight: 400
    }

fieldset.calendar-calculate__form__days-between.collapse {
    display: none !important
}

    fieldset.calendar-calculate__form__days-between.collapsing,
    fieldset.calendar-calculate__form__days-between.collapse.in {
        display: flex !important;
        margin-bottom: 0;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

        fieldset.calendar-calculate__form__days-between.collapsing > div,
        fieldset.calendar-calculate__form__days-between.collapse.in > div {
            position: relative;
            white-space: nowrap;
            margin: calc(14px - .24rem) 0 !important
        }

        fieldset.calendar-calculate__form__days-between.collapsing > span,
        fieldset.calendar-calculate__form__days-between.collapse.in > span {
            flex-basis: 100%
        }

.calendar-calculate__form .location-set {
    flex-basis: 100%;
    margin-bottom: 0 !important;
    font-size: 89%
}

    .calendar-calculate__form .location-set::before {
        display: block;
        content: '';
        height: calc(14px - .24rem)
    }

.calendar-calculate-result {
    text-align: center
}

    .calendar-calculate-result ins {
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-decoration: none;
        text-decoration: none;
        background: #e1efff
    }

.calendar-calculate-result__title span {
    display: block
}

.calendar-calculate-result__title ins {
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
    margin: calc(14px - .24rem) auto;
    line-height: 1.8rem;
    letter-spacing: -.024em;
    font-weight: 400;
    border-radius: 50%
}

.calendar-calculate-result__destination,
.calendar-calculate-result__number {
    margin: calc(56px - .24rem) 0;
    font-family: system-ui,sans-serif;
    font-family: Montserrat,sans-serif;
    font-weight: 900
}

    .calendar-calculate-result__destination > a,
    .calendar-calculate-result__destination > span,
    .calendar-calculate-result__destination > .time,
    .calendar-calculate-result__number > span {
        font-size: 8vw;
        line-height: 1
    }

@media screen and (min-width:784px) {
    .calendar-calculate-result__destination > a,
    .calendar-calculate-result__destination > span,
    .calendar-calculate-result__destination > .time,
    .calendar-calculate-result__number > span {
        font-size: 48px
    }
}

.calendar-calculate-result__destination .time {
    margin: calc(-42px - .24rem) auto 0
}

    .calendar-calculate-result__destination .time .time__seconds {
        opacity: .32
    }

        .calendar-calculate-result__destination .time .time__seconds::before {
            opacity: initial
        }

.calendar-calculate-result__number + ins {
    width: fit-content;
    margin: 0 auto;
    padding: 7px 14px;
    font-size: 1.24rem;
    line-height: 1.24rem;
    border-radius: 28px
}

.calendar-calculate-result .calendar-date__details {
    margin-bottom: calc(28px - .24rem)
}

    .calendar-calculate-result .calendar-date__details > li {
        margin-left: 0;
        padding-left: 0
    }

.calendar-calculate-result__items {
    margin: 0 0 calc(28px - .24rem) 0;
    padding: 0;
    list-style: none;
    text-indent: 0
}

    .calendar-calculate-result__items > li {
        margin: calc(28px - .24rem) 0 0
    }

        .calendar-calculate-result__items > li > div {
            font-size: 6vw;
            height: 4.5vw;
            line-height: 4.5vw;
            font-family: system-ui,sans-serif;
            font-family: Montserrat,sans-serif;
            font-weight: 900;
            overflow: unset
        }

@media screen and (min-width:784px) {
    .calendar-calculate-result__items > li > div {
        font-size: 32px;
        height: 23.7px;
        line-height: 23.7px
    }
}

.moon {
    position: relative;
    background-image: url(/img/moon_sky.png);
    background-position: right top;
    background-repeat: no-repeat
}

.moon,
.moon-new {
    color: #f7f7f7;
    background-color: #37424f
}

@media screen and (min-width:600px) {
    .moon h1,
    .moon-new h1 {
        max-width: 62%
    }
}

.moon a,
.moon-new a {
    color: #32aff1
}

    .moon a:hover,
    .moon-new a:hover {
        color: #f7f7f7
    }

.moon + .block::before {
    opacity: .08;
    z-index: 1
}

@media screen and (min-width:600px) {
    .moon {
        min-height: calc(231px - .24rem)
    }
}

.moon > .moon-phase {
    margin: 0 auto calc(28px - .24rem);
    font-size: .84em
}

    .moon > .moon-phase > i {
        height: 96px;
        width: 96px
    }

@media screen and (min-width:600px) {
    .moon > .moon-phase {
        position: absolute;
        top: 50%;
        right: 38%;
        width: 175px;
        margin: 0 -203px 0 0;
        font-size: 1rem;
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }

        .moon > .moon-phase > i {
            height: 175px;
            width: 175px
        }
}

.moon > .moon-phase > span::before {
    content: none !important
}

.moon .time__location {
    margin: 0 0 calc(28px - .24rem)
}

@media screen and (min-width:600px) {
    .moon .time__location {
        max-width: 62%
    }
}

.moon .time__location .i-flag {
    margin-left: 0
}

@media screen and (max-width:599px) {
    .moon .time__location .location__name {
        padding-left: 0
    }
}

.moon__info {
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    background: #37424f
}

@media screen and (min-width:600px) {
    .moon__info {
        width: fit-content;
        max-width: 62%
    }
}

.moon__info img {
    opacity: .48
}

@media screen and (min-width:600px) {
    .moon-new {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

.moon-new > div:first-child {
    position: relative;
    z-index: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .moon-new > div:first-child .i-countdown {
        display: none
    }

@media screen and (min-width:600px) {
    .moon-new > div:first-child .i-countdown {
        display: inline-block
    }
}

.moon-new h2 {
    margin-bottom: .24rem;
    opacity: .48
}

.moon-new h3 {
    position: relative;
    z-index: 1;
    margin-bottom: calc(28px - .24rem)
}

.moon-new .time {
    -webkit-flex: 0 1 0;
    -ms-flex: 0 1 0;
    flex: 0 1 0;
    position: relative;
    z-index: 1;
    padding: 0;
    background: none;
    -webkit-justify-content: initial;
    -ms-flex-pack: initial;
    justify-content: initial
}

    .moon-new .time > div > div {
        font-size: 56px;
        height: 41px;
        line-height: 41px
    }

        .moon-new .time > div > div.time__days {
            margin-right: 14px
        }

            .moon-new .time > div > div.time__days + span {
                padding-right: 14px;
                margin-left: 0
            }

        .moon-new .time > div > div.time__minutes + span,
        .moon-new .time > div > div.time__seconds + span {
            margin-left: .4266666666666667em
        }

    .moon-new .time::before {
        content: none
    }

.moon-new .i-countdown::before {
    opacity: .48
}

.moon-new .i-countdown:hover::before {
    color: #f7f7f7;
    opacity: 1
}

.moon-new > .i-countdown {
    display: inline-block;
    margin-top: calc(28px - .24rem)
}

@media screen and (min-width:600px) {
    .moon-new > .i-countdown {
        display: none
    }
}

.moonphases__title,
.sun-condition__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .moonphases__title .calendar-select,
    .sun-condition__title .calendar-select {
        -webkit-justify-content: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
        padding: 0;
        margin: 0 -14px 0 0
    }

        .moonphases__title .calendar-select .dropup,
        .sun-condition__title .calendar-select .dropup,
        .moonphases__title .calendar-select .dropdown,
        .sun-condition__title .calendar-select .dropdown,
        .moonphases__title .calendar-select > button,
        .sun-condition__title .calendar-select > button {
            margin: 0 14px 14px 0
        }

.moonphases__table {
    width: 100%
}

    .moonphases__table tr:first-child:hover td,
    table.sun__table tr:first-child:hover td {
        background: rgba(0,125,191,0.16);
        -webkit-transition: background .35s;
        -moz-transition: background .35s;
        -o-transition: background .35s;
        transition: background .35s
    }

    .moonphases__table td {
        padding: 7px;
        vertical-align: top
    }

@media screen and (max-width:783px) {
    .moonphases__table td {
        font-size: 89%
    }
}

.moonphases__table td:first-child {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .moonphases__table td:first-child::before {
        opacity: .28
    }

.moonphases__table td:last-child {
    text-align: right
}

table.moon-grid {
    width: 100%;
    margin: -14px 0 14px;
    color: #f7f7f7;
    background: #37424f
}

@media screen and (min-width:784px) {
    table.moon-grid {
        margin: -28px 0 28px
    }
}

table.moon-grid tr:nth-of-type(even ) {
    background: none
}

table.moon-grid tr:first-child {
    background: rgba(153,153,153,0.125)
}

table.moon-grid tr:not(:first-child):hover td {
    background: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

table.moon-grid th {
    padding: 7px 7px;
    font-size: .72em;
    font-weight: normal;
    color: #f7f7f7;
    text-transform: uppercase;
    text-align: center
}

@media screen and (min-width:600px) {
    table.moon-grid th {
        padding: 7px 14px
    }
}

table.moon-grid td {
    padding: 7px 7px;
    width: 14.3%;
    vertical-align: top;
    text-align: center
}

@media screen and (min-width:600px) {
    table.moon-grid td {
        padding: 14px
    }
}

table.moon-grid td span {
    font-size: .72em
}

table.moon-grid td.today {
    -webkit-box-shadow: 0 0 0 1px #ffc107 inset;
    box-shadow: 0 0 0 1px #ffc107 inset
}

table.moon-grid .moon-phase > i {
    height: 64px;
    width: 64px;
    margin: 0 auto;
    background-size: 98%
}

    table.moon-grid .moon-phase > i::before {
        -webkit-box-shadow: none;
        box-shadow: none
    }

@media screen and (max-width:783px) {
    table.moon-grid .moon-phase > i {
        width: calc(100vw/7 - 7px*4 );
        height: calc(100vw/7 - 7px*4 )
    }
}

.moon-phase > i {
    display: block;
    position: relative;
    margin: 0 auto;
    background: url(/img/moon.png) center no-repeat;
    background-size: 100%;
    background-position: 1px 0;
    border-radius: 50%;
    font-style: normal
}

    .moon-phase > i::before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        opacity: .88;
        background-repeat: no-repeat;
        background-size: contain
    }

.moon-phase > span {
    display: block;
    margin-top: 7px;
    text-align: center;
    line-height: 1.2
}

    .moon-phase > span::before {
        vertical-align: middle;
        font-weight: 600;
        font-size: 1.12em
    }

.moon-phase.m--0 > i {
    background: #37424f
}

    .moon-phase.m--0 > i::before {
        background: #36414e;
        -webkit-box-shadow: 0 0 0 1px rgba(255,255,241,0.064) !important;
        box-shadow: 0 0 0 1px rgba(255,255,241,0.064) !important
    }

.moon-phase.m--1 > i::before,
.moon-phase.m--28 > i::before,
.moon-phase.m--29 > i::before {
    -webkit-box-shadow: 14px 0 28px -20px #fffff1;
    box-shadow: 14px 0 28px -20px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M210.8,0H0v420h210.8c109.6,0,207.7-96.1,207.7-212.1S320.3,0,210.8,0z'/%3E%3C/svg%3E");
    opacity: 1
}

.moon-phase.m--2 > i::before,
.moon-phase.m--27 > i::before {
    -webkit-box-shadow: 15px 0 31px -20px #fffff1;
    box-shadow: 15px 0 31px -20px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M210,0H0v420h210c96.6,0,195.6-94,195.6-210S306.6,0,210,0z'/%3E%3C/svg%3E");
    opacity: .99
}

.moon-phase.m--3 > i::before,
.moon-phase.m--26 > i::before {
    -webkit-box-shadow: 15px 0 34px -20px #fffff1;
    box-shadow: 15px 0 34px -20px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M210.1,0H0v420h210.1c77.3,0,159.4-94,159.4-210S287.4,0,210.1,0z'/%3E%3C/svg%3E");
    opacity: .96
}

.moon-phase.m--4 > i::before {
    -webkit-box-shadow: 16px 0 35px -20px #fffff1;
    box-shadow: 16px 0 35px -20px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M210.1,0C210.1,0,210,0,210.1,0L210.1,0H0v420h210v0c0,0,0.1,0,0.1,0c58,0,123.9-94,123.9-210 S268.1,0,210.1,0z'/%3E%3C/svg%3E");
    opacity: .92
}

.moon-phase.m--5 > i::before,
.moon-phase.m--25 > i::before {
    -webkit-box-shadow: 16px 0 35px -20px #fffff1;
    box-shadow: 16px 0 35px -20px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M299,210C299,94.1,263,0.1,210,0v0H0v420h210v0C261.6,419.9,299,325.9,299,210z'/%3E%3C/svg%3E");
    opacity: .9
}

.moon-phase.m--6 > i::before,
.moon-phase.m--24 > i::before {
    -webkit-box-shadow: 16px 0 35px -19px #fffff1;
    box-shadow: 16px 0 35px -19px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M210.3,0H0v420h210.3c5.5,0,18.7-94,18.7-210S217.1,0,210.3,0z'/%3E%3C/svg%3E")
}

.moon-phase.m--7 > i::before,
.moon-phase.m--23 > i::before {
    -webkit-box-shadow: 16px 0 35px -19px #fffff1;
    box-shadow: 16px 0 35px -19px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M210,420H0V0h210V420z'/%3E%3C/svg%3E")
}

.moon-phase.m--8 > i::before,
.moon-phase.m--22 > i::before {
    -webkit-box-shadow: 16px 0 35px -18px #fffff1;
    box-shadow: 16px 0 35px -18px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M175,210C175,94,199.1,0,210,0H0v210v210h210C200,420,175,326,175,210z'/%3E%3C/svg%3E")
}

.moon-phase.m--9 > i::before,
.moon-phase.m--21 > i::before {
    -webkit-box-shadow: 15px 0 37px -16px #fffff1;
    box-shadow: 15px 0 37px -16px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M140,210C140,94,186.8,0,210,0H0v210v210h210C190.4,420,140,326,140,210z'/%3E%3C/svg%3E")
}

.moon-phase.m--10 > i::before,
.moon-phase.m--20 > i::before {
    -webkit-box-shadow: 14px 0 37px -16px #fffff1;
    box-shadow: 14px 0 37px -16px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M105,210C105,94,152,0,210,0H0v210v210h210C152,420,105,326,105,210z'/%3E%3C/svg%3E")
}

.moon-phase.m--11 > i::before,
.moon-phase.m--19 > i::before {
    -webkit-box-shadow: 13px 0 40px -15px #fffff1;
    box-shadow: 13px 0 40px -15px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M70,210C70,94,132.7,0,210,0H0v210v210h210C132.7,420,70,326,70,210z'/%3E%3C/svg%3E")
}

.moon-phase.m--12 > i::before,
.moon-phase.m--18 > i::before {
    -webkit-box-shadow: 10px 0 42px -14px #fffff1;
    box-shadow: 10px 0 42px -14px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M35,210C35,94,113.4,0,210,0H0v210v210h210C113.4,420,35,326,35,210z'/%3E%3C/svg%3E")
}

.moon-phase.m--13 > i::before,
.moon-phase.m--17 > i::before {
    -webkit-box-shadow: 10px 0 42px -14px #fffff1;
    box-shadow: 10px 0 42px -14px #fffff1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420'%3E%3Cpath fill='%2337424F' d='M7,210C7,72.1,113.4,0,210,0H0v210v210h210C113.4,420,7,351.7,7,210z'/%3E%3C/svg%3E")
}

.moon-phase.m--14 > i::before,
.moon-phase.m--15 > i::before,
.moon-phase.m--16 > i::before {
    -webkit-box-shadow: 0 0 42px -14px #fffff1;
    box-shadow: 0 0 42px -14px #fffff1
}

.moon-phase.m--1 > i::before,
.moon-phase.m--28 > i::before {
    background-position: -1px 0
}

.moon-phase.m--1 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--2 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--3 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--4 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--5 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--6 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--7 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--8 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--9 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--10 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--11 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--12 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--13 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--14 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--15 > span::before {
    content: '↑ ';
    color: #ffc107
}

.moon-phase.m--16 > i {
    background-position: -1px 0
}

    .moon-phase.m--16 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--16 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--17 > i {
    background-position: -1px 0
}

    .moon-phase.m--17 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--17 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--18 > i {
    background-position: -1px 0
}

    .moon-phase.m--18 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--18 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--19 > i {
    background-position: -1px 0
}

    .moon-phase.m--19 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--19 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--20 > i {
    background-position: -1px 0
}

    .moon-phase.m--20 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--20 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--21 > i {
    background-position: -1px 0
}

    .moon-phase.m--21 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--21 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--22 > i {
    background-position: -1px 0
}

    .moon-phase.m--22 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--22 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--23 > i {
    background-position: -1px 0
}

    .moon-phase.m--23 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--23 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--24 > i {
    background-position: -1px 0
}

    .moon-phase.m--24 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--24 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--25 > i {
    background-position: -1px 0
}

    .moon-phase.m--25 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--25 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--26 > i {
    background-position: -1px 0
}

    .moon-phase.m--26 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--26 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--27 > i {
    background-position: -1px 0
}

    .moon-phase.m--27 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--27 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--28 > i {
    background-position: -1px 0
}

    .moon-phase.m--28 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--28 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-phase.m--29 > i {
    background-position: -1px 0
}

    .moon-phase.m--29 > i::before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.moon-phase.m--29 > span::before {
    content: '↓ ';
    color: #007dbf
}

.moon-grid .moon-phase.m--new > span {
    color: #007dbf
}

.moon-phase.m--new > span::before {
    content: none
}

.moon-grid .moon-phase.m--full > span {
    color: #ffc107
}

.moon-phase.m--full > span::before {
    content: none
}

.sun h1 {
    width: 70%
}

.sun__info {
    margin: 0 0 28px 0;
    padding: 0;
    list-style: none;
    text-indent: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (min-width:600px) {
    .sun__info {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.sun__info > li {
    margin: 28px 14px 0 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 89%
}

    .sun__info > li > time {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-decoration: none;
        font-size: 42px;
        line-height: 1;
        font-family: system-ui,sans-serif;
        font-family: Montserrat,sans-serif;
        font-weight: 900
    }

        .sun__info > li > time ins {
            margin-left: .24rem;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            text-decoration: none;
            font-size: 1rem
        }

        .sun__info > li > time svg {
            height: 30px;
            margin-right: .24rem;
            margin-left: calc(-30px - .24rem);
            opacity: .56
        }

    .sun__info > li:last-child svg {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .sun__info > li > span,
    table.sun-condition__table td > div > span {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1
    }

        .sun__info > li > span i,
        table.sun-condition__table td > div > span i {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            height: 24px;
            width: 24px;
            margin-right: .24rem;
            line-height: 24px;
            font-style: normal;
            font-size: 1.24em;
            font-weight: bold
        }

            .sun__info > li > span i::before,
            table.sun-condition__table td > div > span i::before {
                display: inline-block;
                content: '↑'
            }

@media screen and (min-width:600px) {
    .sun__info > li {
        font-size: 1rem
    }

        .sun__info > li > time svg {
            height: -11rem
        }
}

.sun__info > li:nth-of-type(1) > time {
    color: #d6ad30
}

    .sun__info > li:nth-of-type(1) > time svg path {
        fill: #d6ad30
    }

.sun__info > li:nth-of-type(2) > time {
    color: #c36c78
}

    .sun__info > li:nth-of-type(2) > time svg path {
        fill: #c36c78
    }

.sun__info > li:nth-of-type(3) svg path {
    fill: #9e9e9e
}

table.sun__table {
    width: 100%
}

    table.sun__table td,
    table.sun__table th {
        padding: 7px 14px;
        vertical-align: top;
        text-align: center;
        white-space: nowrap
    }

        table.sun__table td:first-child,
        table.sun__table th:first-child {
            width: 75%;
            padding: 7px 14px 7px 7px;
            text-align: initial;
            white-space: initial
        }

        table.sun__table td:last-child,
        table.sun__table th:last-child {
            padding-right: 7px
        }

@media screen and (max-width:599px) {
    table.sun__table td,
    table.sun__table th {
        font-size: 89%;
        line-height: 1.2;
        padding: 7px
    }
}

@media screen and (max-width:599px) {
    .sun-condition {
        padding-right: 0;
        padding-left: 0
    }
}

.sun-condition__title {
    margin-bottom: 14px
}

@media screen and (max-width:599px) {
    .sun-condition__title {
        padding-right: 28px;
        padding-left: 28px
    }
}

.sun-condition .overflow--scroll {
    width: 100vw;
    background: #fff
}

@media screen and (min-width:600px) {
    .sun-condition .overflow--scroll {
        width: 100%
    }
}

table.sun-condition__table {
    width: 100%;
    background: #fff
}

    table.sun-condition__table th,
    table.sun-condition__table td {
        padding: 7px;
        vertical-align: top;
        text-align: center
    }

@media screen and (max-width:599px) {
    table.sun-condition__table th,
    table.sun-condition__table td {
        font-size: 89%;
        line-height: 1.2
    }
}

table.sun-condition__table th:first-child,
table.sun-condition__table td:first-child {
    width: 1%
}

table.sun-condition__table tr:nth-of-type(1) th {
    border-left: 1px solid #e0e0e0
}

    table.sun-condition__table tr:nth-of-type(1) th:first-child {
        border-left: none
    }

table.sun-condition__table tr:nth-of-type(2) th {
    border-bottom: 1px solid #e0e0e0
}

    table.sun-condition__table tr:nth-of-type(2) th:nth-of-type(2),
    table.sun-condition__table tr:nth-of-type(2) th:nth-of-type(4),
    table.sun-condition__table tr:nth-of-type(2) th:nth-of-type(6) {
        border-left: 1px solid #e0e0e0
    }

table.sun-condition__table tr.today {
    background: rgba(255,193,7,0.48);
    -webkit-box-shadow: 0 1px 0 #fff inset,0 -1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset,0 -1px 0 #fff inset
}

table.sun-condition__table td:nth-of-type(2),
table.sun-condition__table td:nth-of-type(4),
table.sun-condition__table td:nth-of-type(6) {
    border-left: 1px solid #e0e0e0
}

@media screen and (min-width:600px) {
    table.sun-condition__table td > div {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

table.sun-condition__table td > div > span {
    font-size: .84em
}

    table.sun-condition__table td > div > span i {
        margin-right: 0
    }

._fullscreen {
    position: fixed !important;
    z-index: 1050;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    max-width: unset !important;
    height: unset !important;
    width: 100%
}

    ._fullscreen:not(._dark) {
        background: linear-gradient(to bottom,#dfdfdf 0%,#f3f3f3 100%) no-repeat #f3f3f3
    }

    ._fullscreen._dark .clock,
    ._fullscreen._dark .clock--night {
        opacity: .64
    }

        ._fullscreen._dark .clock::after,
        ._fullscreen._dark .clock--night::after {
            opacity: .48
        }

    ._fullscreen .clock {
        background-color: transparent
    }

@media screen and (orientation:portrait) {
    ._fullscreen .clock,
    ._fullscreen .clock--night {
        width: 80vw;
        height: 80vw
    }

    ._fullscreen .clock__hours::before,
    ._fullscreen .clock--night__hours::before {
        width: 2.5vw;
        border-radius: 1.25vw;
        margin-left: -1.25vw;
        border-width: .8333333333333334vw
    }

    ._fullscreen .clock__minutes::before,
    ._fullscreen .clock--night__minutes::before {
        width: 1.2vw;
        border-radius: .6vw;
        margin-left: -0.6vw
    }

    ._fullscreen .clock__minutes:after,
    ._fullscreen .clock--night__minutes:after {
        width: 3.2vw;
        height: 3.2vw;
        margin: -1.6vw 0 0 -1.6vw
    }

    ._fullscreen .clock__seconds::before,
    ._fullscreen .clock--night__seconds::before {
        width: .6vw;
        margin: 0 0 -4.8vw -0.3vw;
        -webkit-clip-path: polygon(38% 0,62% 0,100% 100%,0% 100%);
        clip-path: polygon(38% 0,62% 0,100% 100%,0% 100%)
    }

    ._fullscreen .clock__seconds:after,
    ._fullscreen .clock--night__seconds:after {
        width: 1.6vw;
        height: 1.6vw;
        margin: -0.8vw 0 0 -0.8vw
    }

    ._fullscreen .clock::before,
    ._fullscreen .clock--night::before {
        width: 8vw;
        font-size: 8vw;
        line-height: 8vw
    }
}

@media screen and (orientation:landscape) {
    ._fullscreen .clock,
    ._fullscreen .clock--night {
        width: 72vh;
        height: 72vh
    }

    ._fullscreen .clock__hours::before,
    ._fullscreen .clock--night__hours::before {
        width: 2.25vh;
        border-radius: 1.125vh;
        margin-left: -1.125vh;
        border-width: .75vh
    }

    ._fullscreen .clock__minutes::before,
    ._fullscreen .clock--night__minutes::before {
        width: 1.08vh;
        border-radius: .54vh;
        margin-left: -0.54vh
    }

    ._fullscreen .clock__minutes:after,
    ._fullscreen .clock--night__minutes:after {
        width: 2.88vh;
        height: 2.88vh;
        margin: -1.44vh 0 0 -1.44vh
    }

    ._fullscreen .clock__seconds::before,
    ._fullscreen .clock--night__seconds::before {
        width: .54vh;
        margin: 0 0 -4.32vh -0.27vh;
        -webkit-clip-path: polygon(38% 0,62% 0,100% 100%,0% 100%);
        clip-path: polygon(38% 0,62% 0,100% 100%,0% 100%)
    }

    ._fullscreen .clock__seconds:after,
    ._fullscreen .clock--night__seconds:after {
        width: 1.44vh;
        height: 1.44vh;
        margin: -0.72vh 0 0 -0.72vh
    }

    ._fullscreen .clock::before,
    ._fullscreen .clock--night::before {
        width: 6vh;
        font-size: 6vh;
        line-height: 6vh
    }
}

._fullscreen .clock__controls {
    width: auto;
    -webkit-flex-flow: nowrap;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap
}

._dark {
    color: #ededed;
    background: #07121f;
    background: linear-gradient(to bottom,#000 0%,#07121f 100%)
}

    ._dark .time--night {
        background: transparent
    }

    ._dark .i-params::before,
    ._dark a {
        color: #32aff1
    }

        ._dark .i-params:hover::before,
        ._dark a:hover {
            color: #f7f7f7
        }

    ._dark .clock,
    ._dark .clock--night {
        background-color: transparent !important
    }

    ._dark .time::before {
        content: none
    }

    ._dark .clock__controls li span,
    ._dark .clock__controls li a {
        color: #32aff1
    }

        ._dark .clock__controls li span::before,
        ._dark .clock__controls li a::before {
            color: #4e5153
        }

        ._dark .clock__controls li span:hover,
        ._dark .clock__controls li a:hover,
        ._dark .clock__controls li span:hover::before,
        ._dark .clock__controls li a:hover::before {
            color: #f7f7f7
        }

    ._dark .clock__controls li.active span,
    ._dark .clock__controls li.active a {
        color: #f7f7f7
    }

    ._dark .switch-dark input[type='checkbox'] + i,
    ._dark .switch-dark input[type='checkbox'] + i::after {
        -webkit-box-shadow: 0 0 0 1px #f7f7f7 inset;
        box-shadow: 0 0 0 1px #f7f7f7 inset
    }

    ._dark .switch-dark input[type='checkbox']:checked + i::after {
        background: #f7f7f7 !important
    }

    ._dark .switch-dark label {
        color: #f7f7f7
    }

    ._dark .fullscreen__controls button {
        background: transparent;
        -webkit-box-shadow: 0 0 0 1px #f7f7f7 inset;
        box-shadow: 0 0 0 1px #f7f7f7 inset
    }

    ._dark._dark .fullscreen__controls .button--light {
        -webkit-box-shadow: 0 0 0 1px #007dbf inset;
        box-shadow: 0 0 0 1px #007dbf inset
    }

    ._dark._dark .fullscreen__controls .cancel {
        color: #9e9e9e;
        -webkit-box-shadow: 0 0 0 1px #9e9e9e inset;
        box-shadow: 0 0 0 1px #9e9e9e inset
    }

    ._dark .clock__controls.in,
    ._dark .fullscreen__controls.in {
        opacity: .72
    }

._mirror {
    -webkit-transform: scaleX(-1) !important;
    -ms-transform: scaleX(-1) !important;
    -o-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important
}

.switch-dark input[type='checkbox'] + i,
.switch-mirror input[type='checkbox'] + i,
.switch-dark input[type='checkbox'] + i::after,
.switch-mirror input[type='checkbox'] + i::after {
    background: transparent !important;
    -webkit-box-shadow: 0 0 0 1px #343434 inset;
    box-shadow: 0 0 0 1px #343434 inset
}

.switch-dark input[type='checkbox']:checked + i,
.switch-mirror input[type='checkbox']:checked + i {
    opacity: 1
}

    .switch-dark input[type='checkbox']:checked + i + label,
    .switch-mirror input[type='checkbox']:checked + i + label {
        font-weight: 400
    }

.switch-mirror {
    display: none
}

@supports ((-webkit-transform:scaleX(-1)) or (-ms-transform:scaleX(-1)) or (-o-transform:scaleX(-1)) or (transform:scaleX(-1))) {
    .switch-mirror {
        display: list-item
    }
}


video {
    display: none; /* Hide the video element */
}