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

@font-face {
    font-family: 'dayspedia-icons.v3';
    font-display: block;
    font-weight: normal;
    font-style: normal;
    src: url("/fonts/dayspedia-icons.v3.woff2") format('woff2'), url("/fonts/dayspedia-icons.v3.woff") format('woff'), url("/fonts/dayspedia-icons.v3.ttf") format('truetype'), url("/fonts/dayspedia-icons.v3.svg#dayspedia-icons") 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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    font-family: Montserrat, sans-serif;
    font-weight: 900
}

small,
.small {
    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 {
    text-align: left;
    font-weight: normal;
    font-size: .84em;
    color: #9e9e9e
}

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

table:not(.month__grid) tr: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.v3';
    -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);
    -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;
    filter: alpha(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;
    filter: alpha(opacity=100)
}

.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,
.place+.block,
.multitime+.block,
.homepage+.block,
.timezoneconverter+.block,
.locality+.block,
.countdown+.block,
.stopwatch__counter+.block,
section.policy+.block {
    margin-top: -14px
}

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

.dotted+.block::before,
.place+.block::before,
.multitime+.block::before,
.homepage+.block::before,
.timezoneconverter+.block::before,
.locality+.block::before,
.countdown+.block::before,
.stopwatch__counter+.block::before,
section.policy+.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
}

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

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

.fullscreen .time,
.clockonly .time,
.countdown .time,
.stopwatch__counter .time,
.timer .time,
.fullscreen .time--night,
.clockonly .time--night,
.countdown .time--night,
.stopwatch__counter .time--night,
.timer .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,
.countdown .time--night::before,
.stopwatch__counter .time--night::before,
.timer .time--night::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    font: 24px/24px 'dayspedia-icons.v3';
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.fullscreen__controls,
.clock__controls,
.clockonly__controls,
.countdown__controls,
.stopwatch__counter__controls,
.timer__controls,
.timer__options__tabs,
.timer__options__menu {
    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,
.countdown__controls,
.stopwatch__counter__controls,
.timer__controls,
.timer__options__tabs,
.timer__options__menu {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

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

@media screen and (hover:none) and (pointer:coarse) {
    .fullscreen__controls button,
    .clockonly__controls button,
    .countdown__controls button,
    .stopwatch__counter__controls button,
    .timer__controls button,
    .timer__options__tabs button,
    .timer__options__menu 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 {
    letter-spacing: -.024em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    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,
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 {
    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,
    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 {
        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 {
    font: 1rem Helvetica, Trebuchet, sans-serif;
    color: #343434;
    letter-spacing: normal
}

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 {
    font-size: 1.375em;
    margin: 0 0 calc(21px - .24rem)
}

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

@media screen and (max-width:783px) {
    h2,
    .h2,
    .place__info__nodst {
        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,
.events-list h3 {
    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,
    .events-list h3 {
        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);
    -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.v3';
    -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);
    -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
}

.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: 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
}

.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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    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 {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-indent: 0
}

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

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

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

.list-links--decorated+.list-links--decorated,
.place__info__details+.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 {
    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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    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>a,
.list-timers>li>a,
.list-places>li>span,
.list-timers>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 {
    background: rgba(0, 125, 191, 0.16)
}

.list-places>li.active,
.list-timers>li.active {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    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 {
    background-color: rgba(0, 125, 191, 0.16)
}

.list-places>li>a::before,
.list-timers>li>a::before,
.list-places>li>span::before,
.list-timers>li>span::before {
    vertical-align: middle
}

@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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    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::before,
.list-timers--multizone>li>ul>li::before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: .12em;
    height: .12em;
    background: #343434;
    border-radius: 50%;
    margin-left: -1em;
    margin-right: .64em
}

.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>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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    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;
    filter: alpha(opacity=100)
}

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: 0 0 0 14px;
        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;
    filter: alpha(opacity=100)
}

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.v3';
    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.v3';
    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+input:nth-of-type(1),
label+select:nth-of-type(1),
label+textarea:nth-of-type(1),
label+input,
label+select {
    padding-right: 14px
}

label.checked {
    font-weight: 600
}

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
}

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.2);
    font-size: 1em;
    font-family: Helvetica, Trebuchet, sans-serif;
    font-weight: 400;
    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;
    font-weight: 400;
    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
}

.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;
    font-weight: 400;
    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;
    font-weight: 400;
    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.v3';
    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 .i-flag,
.input-suggestion__menu>li>span [role="note"] {
    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;
    filter: alpha(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.v3';
    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 {
    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'] {
    position: relative;
    z-index: 2;
    height: 20px;
    width: 36px;
    vertical-align: middle;
    opacity: 0;
    filter: alpha(opacity=0);
    margin-left: -50px
}

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

.switch-box input[type='checkbox']+i,
.switch-dark 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 {
    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 {
    background: #009051
}

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

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

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

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

.banner--main,
.banner--aside,
.banner--mobileonly {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center
}

.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 {
    flex-grow: 1
}

.banner--main>ins,
.banner--main>div,
.banner--main>iframe {
    margin-bottom: 28px;
    min-width: 320px
}

@media screen and (min-width:1148px) {
    .banner--main>ins,
    .banner--main>div,
    .banner--main>iframe {
        min-width: 970px;
        max-height: 250px
    }
}

@media screen and (max-width:783px) {
    main .banner--main>ins,
    main .banner--main>div,
    main .banner--main>iframe {
        margin-bottom: 14px
    }
}

@media screen and (min-width:784px) {
    main .banner--main>ins,
    main .banner--main>div,
    main .banner--main>iframe {
        width: 728px;
        height: 90px;
        min-width: unset
    }
}

.banner--aside {
    margin: 0 auto
}

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

.banner--aside>ins,
.banner--aside>div,
.banner--aside>iframe {
    margin-bottom: 14px
}

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

.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.v3';
    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.v3';
    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,
.locality:not(._fullscreen) .fullscreen__controls .button::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    margin-right: 14px;
    font: 24px/24px 'dayspedia-icons.v3';
    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.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-night::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 16px;
    font: 16px/16px 'dayspedia-icons.v3';
    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 {
    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 {
    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-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
}

.i-link {
    color: #444
}

.i-link::before {
    content: "\e909";
    color: #444
}

.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.v3';
    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 512 512'%3E%3Cpath fill='%230955B0' d='M512,305.4c-94,4.4-171.6,6.4-251.1,14.2c10-1.1,18-2.3,26.6-4c22.2-5.9,44.4-14.1,64.1-24.5l0.6,0 c13.7-7.5,25.4-17.4,35.3-30.6c5.8-7.5,10.9-16.1,15.4-25.3c11.2-25.2,16.2-54,10.7-85.9c-9.6-58.8-49-101.8-114.7-104.1h-0.6 L281.9,46c-5.4,1.2-10.9,1.2-16.3,1.9c-14.5,1.8-29,4.8-125.4,24.5c-6,1.2-11.8,4.6-12.2,10.4l-0.8,255.4 C87.4,343.9,46.5,350.8,0,359.2V0h512V305.4z M302.4,143.2c-5.6-5.1-14.5-10.4-25.2-8.3l-47.6,9.5l-2.5,91.5c5.4-0.6,22.4-3,29-4.8 c14.9-3.2,31.8-11.1,44.1-21.5c7.7-6.4,12.2-14.4,14.2-24.1C315.9,173.9,313.4,153.3,302.4,143.2z'/%3E%3Cpath fill='%23EB002E' d='M320.1,370v62.8c0.4,9.5-5.5,15.9-15.7,15.9h-97.9c-9.4,0.1-15.5-6.9-15.9-15v-43C127.1,402.4,64.9,417,0,436.1 V512h512V348.2C447.1,355.1,384,361.3,320.1,370z'/%3E%3C/svg%3E") no-repeat 50%
}

.i-mahjongchest::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%2300B588' d='M852,391.9c-48,20-80,68-80,120.1c4,136.1,164,164.1,252,88v-88v-92C980,387.9,904,371.9,852,391.9z'/%3E%3Cpath fill='%23FE8300' d='M704,768.1V832H512V553.6L352,764L192,553.6V832H0v192h1024V812.1C916,848.2,792,836.2,704,768.1z'/%3E%3Cpath fill='%23FFC800' d='M668.8,280c-30.8,28-57.2,60-74.8,100s-26.4,84-26.4,132s8.8,92,26.4,132s44,72,74.8,100 c4.4,4,26.5,17.8,35.2,24V512V255.9C696.6,259,673.2,276,668.8,280z'/%3E%3Cpath fill='%2306607A' d='M0,0v192h167.2L352,448l180.4-256H704v63.9c88-68,212-80,320-44V0H0z'/%3E%3C/svg%3E") 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 x='1' y='2' fill='%23343434' width='21' height='21'/%3E%3Cpath fill='%234596FF' d='M11,3H7v4h4V3z M11,8H7v4h4V8z M16,8h-4v4h4V8z M11,13H7v4h4V13z M11,18H7v4h4V18z M16,18h-4v4h4V18z'/%3E%3Cpath fill='%23FFFFFF' d='M6,3H2v4h4V3z M16,3h-4v4h4V3z M21,3h-4v4h4V3z M6,8H2v4h4V8z M16,13h-4v4h4V13z M21,13h-4v4h4V13z M6,18H2 v4h4V18z M21,18h-4v4h4V18z'/%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.59,0-5.11-0.51-7.47-1.51c-2.29-0.97-4.34-2.35-6.1-4.12c-1.76-1.76-3.15-3.82-4.12-6.1 c-1-2.36-1.51-4.88-1.51-7.47s0.51-5.11,1.51-7.47c0.97-2.29,2.35-4.34,4.12-6.1c1.76-1.76,3.82-3.15,6.1-4.12 c2.36-1,4.88-1.51,7.47-1.51s5.11,0.51,7.47,1.51c2.29,0.97,4.34,2.35,6.1,4.12c1.76,1.76,3.15,3.82,4.12,6.1 c1,2.36,1.51,4.88,1.51,7.47H48C48,10.75,37.25,0,24,0S0,10.75,0,24s10.75,24,24,24V43.2z'/%3E%3Cpath fill='%23FF6172' d='M34.18,34.18L34.18,34.18C31.46,36.9,27.85,38.4,24,38.4s-7.46-1.5-10.18-4.22C11.1,31.46,9.6,27.85,9.6,24 c0-3.85,1.5-7.46,4.22-10.18C16.54,11.1,20.15,9.6,24,9.6s7.46,1.5,10.18,4.22l3.39-3.39C34.1,6.95,29.3,4.8,24,4.8 C13.4,4.8,4.8,13.4,4.8,24c0,10.6,8.6,19.2,19.2,19.2c5.3,0,10.1-2.15,13.58-5.62L34.18,34.18z'/%3E%3Cpath fill='%23C43197' d='M33.6,24.04c-0.01,2.55-1.01,4.94-2.81,6.75C28.97,32.6,26.56,33.6,24,33.6s-4.98-1-6.79-2.81 C15.4,28.97,14.4,26.56,14.4,24c0-2.56,1-4.98,2.81-6.79S21.43,14.4,24,14.4c0,0,0,0,0,0V9.6c-3.69,0-7.37,1.41-10.18,4.22 c-5.62,5.62-5.62,14.74,0,20.36c5.62,5.62,14.74,5.62,20.36,0c2.8-2.8,4.21-6.47,4.22-10.14H33.6z'/%3E%3Cpath fill='%2343D5FC' d='M27.39,27.39c-0.87,0.87-2.07,1.41-3.39,1.41c-2.65,0-4.8-2.15-4.8-4.8s2.15-4.8,4.8-4.8 c1.32,0,2.52,0.54,3.39,1.41l3.4-3.4c-1.74-1.74-4.14-2.81-6.79-2.81c-5.3,0-9.6,4.3-9.6,9.6s4.3,9.6,9.6,9.6 c2.65,0,5.05-1.07,6.79-2.81L27.39,27.39z'/%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;
    filter: alpha(opacity=0)
}

.modal-backdrop.in,
.modal--cookies-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.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.v3';
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -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);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

button[data-toggle="modal"]::after {
    content: none
}

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: 40px
}

@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: 52px;
    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 14px
}

@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
}

@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 {
    -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,
    .column--1 .block,
    .place__map--1 .block,
    .column--2 .block,
    .place__map--2 .block {
        -webkit-flex: 0 0 350px;
        -ms-flex: 0 0 350px;
        flex: 0 0 350px
    }
}

.column--1,
.place__map--1 {
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

.column--2,
.place__map--2 {
    -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
    }
}

.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.v3';
    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.v3';
    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;
    filter: alpha(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;
    filter: alpha(opacity=100);
    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 {
    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 {
    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.v3';
    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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    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
}

.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
}

.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
}

.footer .dropup .dropdown-menu {
    left: -28px;
    margin-bottom: -14px
}

.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.v3';
    -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);
    -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 nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -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;
    font-weight: 400;
    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;
    filter: alpha(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 {
    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 {
    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 {
    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 {
    -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 {
    margin-right: 0;
    margin-left: 30px
}

.login__social-buttons .i-fb,
.login__social-buttons .i-tw {
    padding: 7px 11px
}

.login__social-buttons .i-fb::before,
.login__social-buttons .i-tw::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    margin-right: 14px;
    font: 24px/24px 'dayspedia-icons.v3';
    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 {
    padding: 7px 11px;
    color: #fff;
    text-align: center;
    background-color: #000
}

.login__social-buttons .i-apple::before {
    display: inline-block;
    vertical-align: top;
    height: 1.1em;
    width: 1.1em;
    margin-right: 14px;
    content: '';
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOS4xIDQ4Ij48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjYuNiw3LjdjMS43LTIuMSwyLjgtNC45LDIuNS03LjdjLTIuNCwwLjEtNS40LDEuNi03LjEsMy43Yy0xLjUsMS44LTIuOSw0LjctMi41LDcuNEMyMi4xLDExLjMsMjQuOSw5LjcsMjYuNiw3LjciLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjksMTEuNmMtNC0wLjItNy4zLDIuMi05LjIsMi4yYy0xLjksMC00LjgtMi4xLTcuOS0yLjFjLTQuMSwwLjEtNy44LDIuNC05LjksNkMtMi4yLDI1LjEsMC45LDM2LDUsNDEuOWMyLDIuOSw0LjQsNi4yLDcuNiw2LjFjMy0wLjEsNC4yLTEuOSw3LjgtMS45YzMuNywwLDQuNywxLjksNy45LDEuOWMzLjMtMC4xLDUuNC0yLjksNy40LTUuOWMyLjMtMy40LDMuMi02LjYsMy4zLTYuOGMtMC4xLTAuMS02LjQtMi41LTYuNC05LjdjLTAuMS02LjEsNS05LDUuMi05LjFDMzUsMTIuMiwzMC42LDExLjcsMjksMTEuNiIvPjwvc3ZnPg==") no-repeat 50%
}

.login__social-buttons .i-fb {
    background: #3b5998
}

.login__social-buttons .i-tw {
    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: 36px;
    width: 36px;
    margin-right: 11px;
    content: '';
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30uc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzQyODVGNDt9LnN0MntmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMzNEE4NTM7fS5zdDN7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkJCQzA1O30uc3Q0e2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0VBNDMzNTt9PC9zdHlsZT48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48Zz48cGF0aCBpZD0iU2hhcGUiIGNsYXNzPSJzdDEiIGQ9Ik0yNC42LDE2LjJjMC0wLjYtMC4xLTEuMy0wLjItMS44SDE2djMuNWg0LjhDMjAuNiwxOSwyMCwxOS45LDE5LDIwLjZ2Mi4zSDIyQzIzLjcsMjEuMywyNC42LDE4LjksMjQuNiwxNi4yTDI0LjYsMTYuMnoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTYsMjVjMi40LDAsNC41LTAuOCw2LTIuMkwxOSwyMC42Yy0wLjgsMC41LTEuOCwwLjktMywwLjljLTIuMywwLTQuMy0xLjYtNS0zLjdIOFYyMEM5LjQsMjMsMTIuNSwyNSwxNiwyNUwxNiwyNXoiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTEsMTcuN2MtMC4yLTAuNS0wLjMtMS4xLTAuMy0xLjdzMC4xLTEuMiwwLjMtMS43VjEySDhjLTAuNiwxLjItMSwyLjYtMSw0czAuMywyLjgsMSw0TDExLDE3LjdMMTEsMTcuN3oiLz48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTYsMTAuNmMxLjMsMCwyLjUsMC41LDMuNCwxLjNMMjIsOS4zQzIwLjUsNy45LDE4LjQsNywxNiw3Yy0zLjUsMC02LjYsMi04LDVsMywyLjNDMTEuNywxMi4yLDEzLjcsMTAuNiwxNiwxMC42TDE2LDEwLjZ6Ii8+PC9nPjwvc3ZnPg==") no-repeat 50%;
    background-size: cover
}

.filter-index {
    text-align: center;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filter-index>a {
    text-decoration: none
}

.filter-index>a.active {
    -webkit-box-shadow: 0 0 0 1px #c6c6c6 inset;
    box-shadow: 0 0 0 1px #c6c6c6 inset
}

.filter-index>a:hover {
    background: rgba(0, 125, 191, 0.16)
}

.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%
}

.move {
    -webkit-animation: move ease-out 1s infinite;
    -o-animation: move ease-out 1s infinite;
    animation: move ease-out 1s infinite
}

.time,
.time--night {
    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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    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 {
    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 {
    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;
    filter: alpha(opacity=32)
}

.time--night {
    padding: 0 7px;
    color: #fff;
    background: #37474f
}

.time--night::before {
    content: '\e920';
    color: #37474f
}

.time--night::before {
    display: block;
    position: absolute;
    bottom: 0;
    margin-top: -12px;
    right: -24px
}

.time .number,
.time--night .number,
.stopwatch__counter .time--stopwatch .number {
    width: .64em;
    text-align: center
}

.time--large .time,
.time--large .time--night {
    font-size: 56px;
    line-height: 41px;
    height: 55px
}

.time--large .time--night::before {
    display: inline-block;
    vertical-align: middle;
    min-width: 24px;
    font: 24px/24px 'dayspedia-icons.v3';
    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.v3';
    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.v3';
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.time--small .time--night::before {
    bottom: unset;
    top: 50%;
    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: 91.4px;
        line-height: 91.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: 13vw;
        height: 10.7vw;
        line-height: 10.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: #37474f
}

.clock--night::before {
    content: '\e920';
    color: #37474f
}

.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' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 112 112' style='enable-background:new 0 0 112 112;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st1%7Bfill:%23343434;%7D%3C/style%3E%3Cpath class='st1' d='M53.1,18.6h-1.6v-7.7h-1.9v-1l3.5-0.7V18.6z'/%3E%3Cpath class='st1' d='M61.8,18.6h-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.4c-0.6,0-1,0.2-1.2,0.5C57,11,56.9,11.4,56.9,12h-1.6c0-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.7c0.5,0.5,0.8,1.2,0.8,2c0,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.3V18.6z'/%3E%3Cpath class='st1' d='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.1c0-0.5-0.1-0.8-0.4-1.1c-0.2-0.2-0.6-0.4-1.1-0.4c-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.7c0.5,0.5,0.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.9c0.2,0.4,0.4,0.8,0.4,1.3c0,0.9-0.3,1.6-0.9,2.1c-0.6,0.5-1.4,0.7-2.3,0.7c-0.9,0-1.6-0.2-2.2-0.7c-0.6-0.5-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.4c0.3-0.3,0.4-0.6,0.4-1.1c0-0.5-0.1-0.9-0.4-1.2c-0.3-0.2-0.7-0.4-1.2-0.4h-1.1V55.3z'/%3E%3Cpath class='st1' d='M12.1,59.6c0.6,0,1-0.2,1.4-0.6c0.3-0.4,0.5-1,0.5-1.9v-0.2l0,0c-0.2,0.3-0.5,0.5-0.8,0.6c-0.3,0.1-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.4c0-1,0.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,1c-0.3,0-0.7,0-1-0.1c-0.3-0.1-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.5c0.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.6c-0.3,0.4-0.4,0.9-0.4,1.5c0,0.6,0.1,1.1,0.4,1.5C11.5,56.4,11.9,56.5,12.4,56.5z'/%3E%3Cpath class='st1' d='M18.7,40.9h-1.6v-7.7h-1.9v-1l3.5-0.7V40.9z'/%3E%3Cpath class='st1' d='M27.4,37.2c0,1.3-0.3,2.2-0.8,2.8c-0.5,0.6-1.3,1-2.3,1c-1,0-1.7-0.3-2.3-1c-0.6-0.6-0.8-1.6-0.8-2.8v-2.2c0-1.3,0.3-2.2,0.8-2.8c0.5-0.6,1.3-1,2.3-1c1,0,1.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.6c-0.5,0-0.9,0.2-1.1,0.6c-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.8V34.8z'/%3E%3Cpath class='st1' d='M96.6,37.9h-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.4c-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.2c0.6-0.6,1.4-0.9,2.4-0.9c0.9,0,1.7,0.2,2.2,0.7c0.5,0.5,0.8,1.2,0.8,2c0,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.3V37.9z'/%3E%3Cpath class='st1' d='M21.8,76.2c0,0.5-0.1,0.9-0.4,1.3c-0.3,0.4-0.6,0.6-1.1,0.8c0.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.7c-1,0-1.7-0.2-2.3-0.7c-0.6-0.5-0.9-1.1-0.9-2c0-0.5,0.1-1,0.4-1.4c0.3-0.4,0.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-2c0.5-0.5,1.2-0.7,2.1-0.7c0.9,0,1.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.4c-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.4c0.5,0,0.9-0.1,1.1-0.4S20.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.4c-0.4,0-0.7,0.1-1,0.4c-0.2,0.3-0.4,0.6-0.4,1c0,0.4,0.1,0.8,0.4,1c0.2,0.3,0.6,0.4,1,0.4c0.4,0,0.7-0.1,1-0.4C20.1,77.1,20.2,76.7,20.2,76.3z'/%3E%3Cpath class='st1' d='M95.6,78.5h1.2v1.3h-1.2v2.1h-1.6v-2.1H90l0-1l4.1-6.4h1.6V78.5z M91.5,78.5h2.6v-3.9l0,0l-0.1,0.3L91.5,78.5z'/%3E%3Cpath class='st1' d='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.8l-0.1,1H33l0.1-1c0.2-1.5,0.5-2.8,1-3.9c0.5-1.1,1.2-2.3,2.1-3.3h-5v-1.3h6.6V88.6z'/%3E%3Cpath class='st1' d='M34,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6z'/%3E%3Cpath class='st1' d='M40.1,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6z'/%3E%3Cpath class='st1' d='M79.3,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6z'/%3E%3Cpath class='st1' d='M76,92.5l0.5-5.3h5v1.4h-3.7L77.6,91c0.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.3c-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.4c0.5,0,0.9-0.2,1.1-0.5c0.3-0.3,0.4-0.8,0.4-1.4c0-0.6-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.2c-0.2,0.1-0.4,0.3-0.5,0.6L76,92.5z'/%3E%3Cpath class='st1' d='M56.4,93.3c0.3,0,0.7,0,1,0.1c0.3,0.1,0.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.1c-0.6,0-1.2,0.2-1.5,0.7c-0.4,0.5-0.6,1.1-0.6,2v0c0.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.9c0.5,0.6,0.7,1.3,0.7,2.3c0,1-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-3S55.3,93.3,56.4,93.3z M56,97.8c-0.4,0-0.7,0.1-1,0.2c-0.3,0.1-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.6c0.5,0,0.8-0.2,1.1-0.6c0.3-0.4,0.4-0.9,0.4-1.5c0-0.6-0.1-1-0.4-1.4S56.5,97.8,56,97.8z'/%3E%3Cpath class='st1' d='M57.5,107.6c0,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.8,57.5,107.6z M4.5,54.5C3.7,54.5,3,55.2,3,56s0.7,1.5,1.5,1.5S6,56.8,6,56S5.3,54.5,4.5,54.5z M11,80.5c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S11.8,80.5,11,80.5z M101,80.5c-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.8,80.5,101,80.5z M30,99c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S30.8,99,30,99z M83,99c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S83.8,99,83,99z M107.5,54.5c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S108.3,54.5,107.5,54.5z 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.5,30.1c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S12.5,31,12.5,30.1z M102.5,30.1c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S102.5,31,102.5,30.1z M31.5,11.6c0-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.5,12.5,31.5,11.6z M84.5,11.6c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S84.5,12.5,84.5,11.6z'/%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' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 112 112' style='enable-background:new 0 0 112 112;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st1' d='M53.1,18.6h-1.6v-7.7h-1.9v-1l3.5-0.7V18.6z'/%3E%3Cpath class='st1' d='M61.8,18.6h-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.1 c-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.6c0-0.9,0.3-1.6,0.9-2.2c0.6-0.6,1.4-0.9,2.4-0.9 c0.9,0,1.7,0.2,2.2,0.7c0.5,0.5,0.8,1.2,0.8,2c0,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.3V18.6z'/%3E%3Cpath class='st1' d='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.1c0-0.5-0.1-0.8-0.4-1.1 c-0.2-0.2-0.6-0.4-1.1-0.4c-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.7 c0.9,0,1.7,0.2,2.2,0.7c0.5,0.5,0.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.9 c0.2,0.4,0.4,0.8,0.4,1.3c0,0.9-0.3,1.6-0.9,2.1c-0.6,0.5-1.4,0.7-2.3,0.7c-0.9,0-1.6-0.2-2.2-0.7c-0.6-0.5-0.9-1.1-0.9-2h1.6 c0,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.4c0.3-0.3,0.4-0.6,0.4-1.1c0-0.5-0.1-0.9-0.4-1.2 c-0.3-0.2-0.7-0.4-1.2-0.4h-1.1V55.3z'/%3E%3Cpath class='st1' d='M12.1,59.6c0.6,0,1-0.2,1.4-0.6c0.3-0.4,0.5-1,0.5-1.9v-0.2l0,0c-0.2,0.3-0.5,0.5-0.8,0.6 c-0.3,0.1-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.4c0-1,0.3-1.8,0.9-2.4c0.6-0.6,1.3-0.9,2.2-0.9 c1,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,1c-0.3,0-0.7,0-1-0.1 c-0.3-0.1-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.5c0.4,0,0.7-0.1,1-0.2 c0.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.6c-0.3,0.4-0.4,0.9-0.4,1.5 c0,0.6,0.1,1.1,0.4,1.5C11.5,56.4,11.9,56.5,12.4,56.5z'/%3E%3Cpath class='st1' d='M18.7,40.9h-1.6v-7.7h-1.9v-1l3.5-0.7V40.9z'/%3E%3Cpath class='st1' d='M27.4,37.2c0,1.3-0.3,2.2-0.8,2.8c-0.5,0.6-1.3,1-2.3,1c-1,0-1.7-0.3-2.3-1c-0.6-0.6-0.8-1.6-0.8-2.8v-2.2 c0-1.3,0.3-2.2,0.8-2.8c0.5-0.6,1.3-1,2.3-1c1,0,1.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.7 c-0.3-0.4-0.6-0.6-1.1-0.6c-0.5,0-0.9,0.2-1.1,0.6c-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.6 c0.5,0,0.9-0.2,1.1-0.5s0.4-1,0.4-1.8V34.8z'/%3E%3Cpath class='st1' d='M96.6,37.9h-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.1 c-0.2-0.3-0.6-0.4-1-0.4c-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.2c0.6-0.6,1.4-0.9,2.4-0.9 c0.9,0,1.7,0.2,2.2,0.7c0.5,0.5,0.8,1.2,0.8,2c0,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.3V37.9z'/%3E%3Cpath class='st1' d='M21.8,76.2c0,0.5-0.1,0.9-0.4,1.3c-0.3,0.4-0.6,0.6-1.1,0.8c0.5,0.2,0.9,0.5,1.2,0.9c0.3,0.4,0.5,0.9,0.5,1.4 c0,0.9-0.3,1.6-0.9,2s-1.3,0.7-2.3,0.7c-1,0-1.7-0.2-2.3-0.7c-0.6-0.5-0.9-1.1-0.9-2c0-0.5,0.1-1,0.4-1.4c0.3-0.4,0.7-0.7,1.3-0.9 c-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-2c0.5-0.5,1.2-0.7,2.1-0.7c0.9,0,1.6,0.2,2.1,0.7 C21.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.4c-0.5,0-0.9,0.1-1.1,0.4 c-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.4c0.5,0,0.9-0.1,1.1-0.4S20.4,81,20.4,80.6z M20.2,76.3 c0-0.4-0.1-0.8-0.4-1c-0.2-0.3-0.6-0.4-1-0.4c-0.4,0-0.7,0.1-1,0.4c-0.2,0.3-0.4,0.6-0.4,1c0,0.4,0.1,0.8,0.4,1 c0.2,0.3,0.6,0.4,1,0.4c0.4,0,0.7-0.1,1-0.4C20.1,77.1,20.2,76.7,20.2,76.3z'/%3E%3Cpath class='st1' d='M95.6,78.5h1.2v1.3h-1.2v2.1h-1.6v-2.1H90l0-1l4.1-6.4h1.6V78.5z M91.5,78.5h2.6v-3.9l0,0l-0.1,0.3L91.5,78.5 z'/%3E%3Cpath class='st1' d='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.8l-0.1,1H33l0.1-1c0.2-1.5,0.5-2.8,1-3.9 c0.5-1.1,1.2-2.3,2.1-3.3h-5v-1.3h6.6V88.6z'/%3E%3Cpath class='st1' d='M34,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6z'/%3E%3Cpath class='st1' d='M40.1,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6z'/%3E%3Cpath class='st1' d='M79.3,24.6h-1.6v-7.7h-1.9v-1l3.5-0.7V24.6z'/%3E%3Cpath class='st1' d='M76,92.5l0.5-5.3h5v1.4h-3.7L77.6,91c0.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.8 c0.5,0.6,0.7,1.4,0.7,2.4c0,0.9-0.3,1.7-0.8,2.3c-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.1 c0,0.5,0.1,0.8,0.4,1.1c0.3,0.3,0.6,0.4,1.1,0.4c0.5,0,0.9-0.2,1.1-0.5c0.3-0.3,0.4-0.8,0.4-1.4c0-0.6-0.1-1.1-0.4-1.4 c-0.3-0.4-0.6-0.5-1.1-0.5c-0.4,0-0.8,0.1-1,0.2c-0.2,0.1-0.4,0.3-0.5,0.6L76,92.5z'/%3E%3Cpath class='st1' d='M56.4,93.3c0.3,0,0.7,0,1,0.1c0.3,0.1,0.6,0.2,0.8,0.3l-0.3,1.2c-0.2-0.1-0.5-0.2-0.7-0.2 c-0.2-0.1-0.5-0.1-0.8-0.1c-0.6,0-1.2,0.2-1.5,0.7c-0.4,0.5-0.6,1.1-0.6,2v0c0.3-0.2,0.6-0.4,0.9-0.6c0.3-0.1,0.7-0.2,1.1-0.2 c0.9,0,1.5,0.3,2,0.9c0.5,0.6,0.7,1.3,0.7,2.3c0,1-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-1 c-0.6-0.7-0.9-1.6-0.9-2.9v-1.8c0-1.3,0.3-2.3,1-3S55.3,93.3,56.4,93.3z M56,97.8c-0.4,0-0.7,0.1-1,0.2c-0.3,0.1-0.5,0.3-0.6,0.6 v0.7c0,0.8,0.2,1.4,0.5,1.9c0.3,0.4,0.7,0.6,1.3,0.6c0.5,0,0.8-0.2,1.1-0.6c0.3-0.4,0.4-0.9,0.4-1.5c0-0.6-0.1-1-0.4-1.4 S56.5,97.8,56,97.8z'/%3E%3Cpath class='st1' d='M57.5,107.6c0,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.8,57.5,107.6z M4.5,54.5 C3.7,54.5,3,55.2,3,56s0.7,1.5,1.5,1.5S6,56.8,6,56S5.3,54.5,4.5,54.5z M11,80.5c-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.5S11.8,80.5,11,80.5z M101,80.5c-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.8,80.5,101,80.5z M30,99c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S30.8,99,30,99z M83,99c-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.5S83.8,99,83,99z M107.5,54.5c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S108.3,54.5,107.5,54.5z M56,6 c-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.5,30.1c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5 s0.7,1.5,1.5,1.5S12.5,31,12.5,30.1z M102.5,30.1c0-0.8-0.7-1.5-1.5-1.5s-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S102.5,31,102.5,30.1z M31.5,11.6c0-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.5,12.5,31.5,11.6z M84.5,11.6c0-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.5S84.5,12.5,84.5,11.6z'/%3E%3C/svg%3E%0A") 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.v3';
    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.v3';
    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.v3';
    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
}

@media screen and (max-width:783px) {
    .birthdays__item,
    .radio__item,
    .songs__item,
    .favorites__item {
        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
}

.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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    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,
.place__info__dst+.place__info__details,
.place__info__nodst+.place__info__details {
    -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,
    .place__info__dst+.place__info__details,
    .place__info__nodst+.place__info__details {
        flex-basis: 100%
    }
}

.place__info>.place__info__details {
    margin-bottom: calc(28px - .24rem)
}

.place__info__details b {
    white-space: nowrap
}

.place__info__details img {
    height: 24px;
    width: 24px;
    float: left;
    margin-left: -38px
}

.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
}

.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.v3';
    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
}

.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 {
    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 h2,
.stopwatch__counter-form h2,
.countdown-form .alert--error,
.stopwatch__counter-form .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 {
    flex-grow: 1;
    padding-bottom: calc(14px - .24rem)
}

.countdown-form label::after,
.stopwatch__counter-form label::after,
.countdown-share label::after,
.stopwatch__counter-share label::after {
    display: block;
    content: '';
    height: calc(7px - .24rem)
}

.countdown-name,
.stopwatch__counter-name,
.countdown-description,
.stopwatch__counter-description,
.countdown-style,
.stopwatch__counter-style {
    -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-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.v3';
    color: #343434
}

.countdown-style__swatch ul li ins,
.stopwatch__counter-style__swatch ul li ins {
    font: 10px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none
}

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
    }
}

.column--3 .block.other-games {
    flex-basis: 100%
}

aside .other-games h2 {
    margin: 0
}

main .other-games h2 {
    position: absolute;
    top: -0.491071428571429em;
    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 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-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (min-width:600px) {
    main .projects-links {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.projects-links li {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 14px 14px 0 14px
}

@media screen and (min-width:600px) {
    aside .projects-links li {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width:1148px) {
    aside .projects-links li {
        flex-basis: 50%
    }
}

.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 .clock,
.homepage .clock--night {
    margin-right: auto;
    margin-left: auto
}

.homepage .clock+.date,
.homepage .clock--night+.date {
    text-align: center
}

.homepage .place__info__details {
    margin-top: calc(28px - .24rem)
}

.time__location {
    margin-top: calc(28px - .24rem)
}

.time__location .i-flag {
    margin-left: -42px
}

.time__location .location__name {
    font-size: 1.24em;
    line-height: 1.2
}

@media screen and (max-width:783px) {
    .time__location .location__name {
        display: block;
        padding-left: 42px
    }
}

.events-list time {
    display: block;
    margin-bottom: 7px;
    font-size: .84em
}

@media screen and (max-width:783px) {
    .events-list time {
        display: block;
        padding-left: 42px
    }
}

.events-list p:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.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;
    filter: alpha(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;
    filter: alpha(opacity=35)
}

.timezonemap .timezonemap--o [timezone]:hover+.cls-1,
.timezonemap .timezonemap--o [timezone]:hover+.cls-1+.cls-3 {
    opacity: 1;
    filter: alpha(opacity=100)
}

.timezonemap .timezonemap--o [timezone]:hover+.cls-3 {
    opacity: .8;
    filter: alpha(opacity=80)
}

.timezonemap .timezonemap--o .active,
.timezonemap .timezonemap--o .active:hover {
    opacity: .5;
    filter: alpha(opacity=50)
}

.timezonemap--o .cls-1 {
    opacity: .7;
    filter: alpha(opacity=70);
    fill: #fff
}

.timezonemap--o .cls-3 {
    opacity: .35;
    filter: alpha(opacity=35)
}

.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.v3';
    text-decoration: none;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.timezoneconverter__item__time--night::before {
    content: '\e920';
    color: #37474f
}

.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;
        filter: alpha(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 .item__separator {
    margin-top: -.18em;
    font-size: 42px;
    opacity: .5;
    filter: alpha(opacity=50)
}

.timezoneconverter__item__time__container>span {
    font: 1rem/1 Montserrat, sans-serif
}

.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;
    filter: alpha(opacity=60)
}

.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;
        filter: alpha(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;
    filter: alpha(opacity=100)
}

.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
}

.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+.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
    }
}

.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.v3';
    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 {
    padding-top: 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 {
    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: alpha(opacity=50);
    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
}

.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
}

.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 {
    -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
}

.countdown .time>div,
.stopwatch__counter .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
    .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,
    .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,
    .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,
    .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 .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 .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 .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 .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 {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    text-align: center;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    opacity: .32;
    filter: alpha(opacity=32)
}

.countdown-alert,
.stopwatch__counter-alert {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    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: 40%;
    vertical-align: top
}

.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 {
    width: 20%;
    color: #7b7b7b
}

._fullscreen .stopwatch__laps {
    height: 62vh;
    overflow: auto
}

.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.v3';
    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
}

.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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue";
    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 {
    opacity: 1;
    filter: alpha(opacity=100)
}

.timer__progress {
    position: relative;
    width: 100%;
    min-height: 7px;
    height: 7px;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 3.5px;
    overflow: hidden
}

@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;
    filter: alpha(opacity=0)
}

._active .timer__progress div {
    opacity: 1;
    filter: alpha(opacity=100)
}

._end .timer__progress div {
    opacity: 0;
    filter: alpha(opacity=0)
}

.timer .button {
    min-width: 6em
}

.timer ._reset {
    background: rgba(0, 0, 0, 0.48)
}

@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;
    filter: alpha(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;
    filter: alpha(opacity=100)
}

.timer__options__tabs dt {
    margin: 0 14px;
    padding: 7px 14px
}

@media screen and (hover:none) and (pointer:coarse) {
    .timer__options__tabs dt {
        margin-top: 14px
    }
}

.timer__options__tabs dd {
    margin: 0 14px;
    -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
}

._fullscreen .timer__options__tabs dd.active {
    background: #fff !important
}

.timer__options__tabs dd:not(.active) span {
    cursor: pointer;
    color: #007dbf
}

.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
}

.timer__options__tabs ins {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none
}

.timer__options__menu {
    position: relative;
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    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
}

._active .timer__options__menu,
._prestart .timer__options__menu,
._pause .timer__options__menu {
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0)
}

@media screen and (hover:hover) and (pointer:fine) {
    .timer__options__menu>li {
        margin-top: 0
    }
}

.timer__options__menu .dropdown>[ data-toggle="menu"] {
    color: #007dbf;
    padding: calc(14px - .24rem) 14px 0
}

.timer__options__menu .dropdown>[ data-toggle="menu"]:hover {
    color: #343434
}

.timer__options__menu .dropdown>[ data-toggle="menu"] ins {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    color: #343434
}

._fullscreen .timer__options__menu .dropdown>[ data-toggle="menu"] {
    pointer-events: none;
    color: inherit;
    opacity: .48;
    filter: alpha(opacity=48)
}

._fullscreen .timer__options__menu .dropdown>[ data-toggle="menu"]::after {
    content: none
}

._fullscreen .timer__options__menu .dropdown:hover [data-toggle="menu"] {
    background: none
}

._fullscreen .timer__options__menu .dropdown:hover [data-toggle="menu"]+.dropdown-menu {
    display: none
}

.timer__options__menu .dropdown:hover .dropdown-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.timer__options__menu .dropdown-menu>li {
    text-align: center
}

.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;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .15s;
    -moz-transition: opacity .15s;
    -o-transition: opacity .15s;
    transition: opacity .15s;
    white-space: nowrap
}

@media screen and (max-width:599px) {
    .timer__options__menu>li:nth-of-type(4) {
        flex-grow: 1;
        flex-basis: 100%
    }
}

.timer__options__menu__sound .dropdown-menu {
    flex-wrap: nowrap !important
}

.timer__options__menu__sound .dropdown-menu li:first-child {
    flex-grow: 1
}

.timer__options__menu__sound .dropdown-menu li:last-child {
    flex-basis: auto
}

.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.v3';
    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
    }
}

.timer .fullscreen__controls {
    position: relative;
    z-index: 0
}

._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--inputs {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .15s;
    -moz-transition: opacity .15s;
    -o-transition: opacity .15s;
    transition: opacity .15s;
    display: none
}

._fullscreen .timer .fullscreen__controls--inputs {
    display: none
}

.timer .fullscreen__controls--inputs form {
    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: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-shadow: 0 -32px 48px #fff;
    box-shadow: 0 -32px 48px #fff
}

@media screen and (min-width:600px) {
    .timer .fullscreen__controls--inputs form {
        flex-wrap: nowrap
    }
}

.timer .fullscreen__controls--inputs form input[ type="text"] {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    flex-basis: 100%;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

@media screen and (min-width:600px) {
    .timer .fullscreen__controls--inputs form input[ type="text"] {
        flex-basis: auto
    }
}

.timer .fullscreen__controls--inputs form button {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 14px 0 0 14px;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3
}

@media screen and (max-width:599px) {
    .timer .fullscreen__controls--inputs form button:last-child {
        margin-right: 14px;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
}

.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 {
    display: none
}

.list-timers>li .i-remove::before {
    color: #c73c4e
}

.list-timers>li .i-remove:hover::before {
    color: #343434
}

._fullscreen._ACTIVITY {
    background: #d9ecf5 !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;
        filter: alpha(opacity=100)
    }
    50% {
        opacity: .32;
        filter: alpha(opacity=32)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    50% {
        opacity: .32;
        filter: alpha(opacity=32)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    50% {
        opacity: .32;
        filter: alpha(opacity=32)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes blink {
    0% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    50% {
        opacity: .32;
        filter: alpha(opacity=32)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-moz-keyframes prestart5 {
    0% {
        opacity: 1;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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;
        filter: alpha(opacity=100);
        -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;
        filter: alpha(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: ''
    }
}

.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;
    font-weight: 400;
    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 {
    padding-left: 30px
}

.widgets-settings .input-padding [type="checkbox"],
.widgets-settings .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.v3';
    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 .DPDC,
.widgets-promo .DPAC {
    margin-bottom: calc(28px - .24rem)
}

.widgets-promo .DPAC {
    background-image: url("/img/widgets/bg-14.png");
    border-width: 0
}

.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%
}

._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;
    filter: alpha(opacity=64)
}

._fullscreen._dark .clock::after,
._fullscreen._dark .clock--night::after {
    opacity: .48;
    filter: alpha(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: #f5f5f5;
    background: linear-gradient(to bottom, #000 0%, #05151d 100%) no-repeat #05151d
}

._dark .time--night {
    background: transparent
}

._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: #ebebeb
}

._dark .clock__controls li.active span,
._dark .clock__controls li.active a {
    color: #ebebeb
}

._dark .switch-dark input[type='checkbox']+i,
._dark .switch-dark input[type='checkbox']+i::after {
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset
}

._dark .switch-dark input[type='checkbox']:checked+i::after {
    background: #fff !important
}

._dark .switch-dark label {
    color: #fff
}

._dark .fullscreen__controls button {
    background: transparent;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset
}

._dark .clock__controls.in,
._dark .fullscreen__controls.in {
    opacity: .72;
    filter: alpha(opacity=72)
}

.switch-dark input[type='checkbox']+i,
.switch-dark 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+label {
    font-weight: 400
}