*:focus 
{
    outline: none;
}

/* Remove extra padding from buttons in firefox */
button::-moz-focus-inner, input[type=submit]::-moz-focus-inner
{
    padding: 0;
    border: 0;
}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

*
{
    box-sizing: border-box;
    font-family: "DM Sans", sans-serif !important;
	color: #535353;
    font-size: 14px;
    letter-spacing: -0.2px;
    line-height: 1.3em;
    font-weight: normal;
    padding: 0;
    outline: 0;
    margin: 0; 
    
    -webkit-padding-before: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
    -webkit-padding-start: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.warning
{
    color: #f06000;
}

.error
{
    color: #c00000;
}

span.same_day_end,
i.hidden,
span.hidden,
div.hidden
{
    display: none;
}

p > b 
{
    font-weight: 600;
}

textarea
{
    max-height: 10em;
}

label::first-letter
{
    text-transform: uppercase;
}

label > b
{
    font-weight: 600;
}

button > i,
button > span
{
    color: inherit;
}

body
{
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
}

header
{
}

nav
{
}

footer
{
    box-shadow: 0 1em 1em 1em rgba(0,0,0,0.1);
    background: #f8f8f8;
    padding: 1em;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

h1
{
    font-size: 2em;
    font-weight: 600;
    margin: 0 0.5em 0.5em 0.5em;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
    margin: 0 0.5em 0.5em 0.5em;
}

h3
{
    font-size: 1em;
    font-weight: 600;
    margin: 0.3em 0.5em 0.5em 0.5em;
}

main > p > a
{
    border-bottom: 1px solid;
    text-decoration: none;
}

nav > p 
{
    margin: 0 0 0 1em;
}

main
{
    position: relative;
    text-align: center;
}

aside
{
    margin: 1em 0 0 0;
    position: relative;
    text-align: center;
}

body
{
    background-color: #ffffff;
    height: 100%;
}

main > header
{
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 0 0;
    /* overflow: hidden; */
    padding: 0 1em 0 1em;
    position: fixed;
    text-align: left;
    height: 8.3em;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

main > header > img
{
    height: auto;
    margin: 1em 0 0 0;
    width: 8em;
    aspect-ratio: calc(118 / 28);
}

main > div,
aside > div
{
    background: #000000;
    display: block;
    height: 24em;
    overflow: hidden;
    width: 100%;
}

main > nav:not(:empty) + div
{
    margin-top: 2em;
}

main > div.downloads,
main > div.view
{
    background: transparent;
    height: auto;
}

aside > div
{
    height: 22em;
}

main > div > img,
aside > div > img
{
    margin: 2em 0 0 calc(50vw - 704px);
    height: 24em;
    opacity: 0.75;
}

aside > div > img
{
    margin-top: 0;
}

main > div > h1,
aside > div > h1
{
    color: #fff;
    font-size: 2.4em;
    font-weight: 600;
    margin: -6.5em 1em 0 1em;
    max-height: 3em;
    overflow: hidden;
    position: relative;
    text-shadow: 0 0 15px #000;
}

main > nav:not(:empty) + div > h1
{
}

aside > div > h1
{
    margin-top: -9em;
}

main > div > h2
{
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    position: relative;
    text-shadow: 0 0 15px #000;
}

aside > div > p
{
    color: #fff;
    margin: 7em auto 0 auto;
    max-width: 30em;
    padding: 0 1em 0 1em;
    position: relative;
    text-shadow: 0 0 10px #000, 0 0 10px #000;
}

main > div + i
{
    background: #888888;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #ffffff;
    color: #ffffff;
    display: inline-block;
    font-size: 2.2em;
    height: 1.6em;
    margin: 0 0 0 0;
    padding: 0.1em 0 0 0;
    position: relative;
    top: -0.75em;
    width: 1.6em;
}

main > div + i.icon-time-clock-circle,
main > div + i.icon-email-action-unread,
main > div + i.icon-folder-empty-1
{
    padding: 0.14em 0 0 0;
}

main p
{
    margin: 0 1em 1em 1em;
}

aside > article
{
    padding: 4em 1em 1em 1em;
    width: 100%;
}

aside > article.food
{
    text-align: center;
    max-width: 60em;
    margin: 0 auto 0 auto;
}

aside > article.food > h2
{
    font-size: 1.5em;
    font-weight: 800;
}

aside > article.food > p
{
   padding: 0 2em 0 2em; 
}

aside > article.food > ul
{
    list-style: none;
}

aside > article.food > ul > li
{
    background: #888888;
    color: #ffffff;
    margin: 2em 1.5em 2em 1.5em;
    overflow: hidden;
    padding: 1em 1em 1em 1em;
    text-align: left;
}

aside > article.food > ul > li > h3
{
    color: inherit;
    font-size: 1.2em;
    margin: 0 0 0.8em 0;
}

aside > article.food > ul > li > p
{
    color: inherit;
    font-size: 0.9em;
    margin: 0 0 1em 0;
}

aside > article.food > ul > li > img
{
    display: block;
    margin: 0 -1em 0 -1em;
    width: calc(100% - -2em);
}

aside > article.food > ul > li > a
{
    background: #eeeeee;
    display: block;
    font-weight: 600;
    margin: 0 -1em -1em -1em;
    padding: 0.7em 1em 0.7em 1em;
    position: relative;
    text-decoration: none;
    width: calc(100% - -2em);
}

aside > article.food > ul > li > a > i
{
    color: #219cd7;
    position: absolute;
    right: 0.7em;
}

aside > article.location > h2
{
    font-size: 1.2em;
    font-weight: 800;
}

aside > article.location > img
{
    aspect-ratio: calc(483/519);
    margin: 2em auto 0 auto;
    max-width: 483px;
    width: 100%;
}

aside h3
{
    font-weight: 800;
    margin: 0.3em 0 0.5em 0;
}

aside > ul
{
    list-style: none;
    padding: 4em 1em 1em 1em;
}

aside > ul > li
{
    padding: 0 0 2em 0;
}

aside > ul > li > img
{
    aspect-ratio: calc(1200/675);
    margin: 1em 0 0 0;
    width: 100%;
}

aside > ul > li > a.icon-button
{
    border-color: #888888;
    background: #888888;
    font-size: 0.8em;
    font-weight: 600;
}

main > header > form
{
    float: right;
    padding: 1em 0 0 0;
}

main > header > form + form
{
    margin-right: 0.5em;
}

main form ~ a.icon-button,
main form button + button,
main form button + a.icon-button
{
    margin-left: 0.5em;
}

main > header a.icon-button > span
{
    display: none;
}

main > nav {
    margin: 0 auto 30px;
    text-align: left;
    padding: 10px 5px;
    border-bottom: 2px solid #ddd;
}

main > nav:empty
{
    border-bottom: none;
}

main > nav > p {
    max-width: 41em;
    margin: 0 auto;
}

main > nav > p > a {
    display: inline-block;
    font-size: 0.9em;
    text-decoration: none;
    background: #8f8f8f;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}

main > nav > p > a > i
{
    color: inherit;
    font-size: 1em;
}

main > header.home > nav > a:nth-of-type(1)
{
    background: #f0f0f0;
}

main > header.events > nav summary
{
    background: #f0f0f0;
}

main > header.messages > nav > a:nth-of-type(2)
{
    background: #f0f0f0;
}

main > header.documents > nav > a:nth-of-type(3)
{
    background: #f0f0f0;
}

main > header.payments > nav > a:nth-of-type(4)
{
    background: #f0f0f0;
}

main > header.recommendations > nav > a:nth-of-type(5)
{
    background: #f0f0f0;
}

main > p.progress > i
{
    /* background: #219cd7; */
    /* background: #ffffff; */
    background: #219cd7;
    border-radius: 50%;
    color: #ffffff; 
    display: inline-block;   
    font-size: 1.2em;
    margin: -0.1em 0.2em 0 0;
    padding-top: 0.1em;
    width: 1.7em;
    height: 1.7em;
}

::-webkit-input-placeholder /* Chrome/Opera/Safari */
{
    color: #cccccc;
    text-align: right;
}

::-moz-placeholder  /* Firefox 19+ */
{
    color: #cccccc;
    opacity: 1;
    text-align: right;
}

:-ms-input-placeholder  /* IE 10+ */
{
    color: #cccccc;
    text-align: right;
}

:-moz-placeholder  /* Firefox 18- */
{
    color: #cccccc;
    opacity: 1;
    text-align: right;
}

::placeholder
{
    color: #cccccc;
    text-align: right;
}

label
{
    background: #ffffff;
    color: #aaaaaa;
    cursor: pointer;
    font-size: 0.9em;
    display: inline-block;
    margin: 0 0 0 0;
    overflow: hidden;
    padding: 0.5em 0 0.3em 0;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

label.error
{
    color: #ff0000;
}

input[value=login] ~ div > label,
input[value=forgot-password] ~ div > label,
input[value=reset-password] ~ div > label
{
    display: none;
}

input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=time],
input[type=file],
input[type=number],
input[type=color],
select,
textarea
{
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0.2em;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0.4em 0.8em 0.4em 0.8em;
    width: 100%;
}

input.error,
select.error,
textarea.error
{
    border: 1px solid #ff0000;
}

input[disabled],
select[disabled],
textarea[disabled]
{
    background: #f0f0f0;
    color: #a0a0a0;
}

input[type=checkbox],
input[type=radio]:not(.relation-type)
{
    border: none;
    margin: 0 -1em -1em 0;
    height: 1em;
    width: 1em;
    opacity: 0;
}

input[type=checkbox] + label,
input[type=radio]:not(.relation-type) + label
{
    width: 100%;
    padding-right: 3em;
    position: relative;
    white-space: normal;
}

input[type=hidden] + label
{
    white-space: normal;
}

input[type=radio] + label > span,
input[type=hidden] + label > span,
input[type=checkbox] + label > span
{
    color: #219cd7;
    font-size: 0.9em;
    margin: 0 0 0 0;
    white-space: nowrap;
}

h2 > input[type=checkbox] + label
{
    background: transparent;
    width: 6em;
    margin: 0 2em 0 0;
    padding: 0 0 0 0;
    float: right;
}

input[type=checkbox] + label > i,
input[type=radio]:not(.relation-type) + label > i
{
    background: #aaaaaa;
    border: none;
    border-radius: calc(0.6em - -2px);
    box-sizing: content-box;
    content: '';
    display: inline-block;
    font-size: 1em;
    height: 1.2em;
    margin: 0 0 0 0;
    padding: 1px 1px 1px 1px;
    position: absolute;
    top: 0.6em;
    right: 0;
    /* transition: all 0.3s ease; */
    width: 2.4em;
}

input[type=checkbox]:checked + label > i,
input[type=radio]:not(.relation-type):checked + label > i
{
    background-color: #219cd7;
}

input[type=checkbox] + label > i::after,
input[type=radio]:not(.relation-type) + label > i::after
{
    background: #ffffff;
    border: none;
    border-radius: 0.6em;
    box-sizing: content-box;
    content: '';
    display: inline-block;
    height: 1.2em;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    transition: all 0.3s ease;
    vertical-align: top;
    width: 1.2em;
}

input[type=checkbox]:checked + label > i::after,
input[type=radio]:not(.relation-type):checked + label > i::after
{
    margin-left: 1.21em;
}

input[type=radio].relation-type
{
    border: none;
    display: inline-block;
    margin: 0 -1em -1em 0;
    height: 1px;
    width: 1px;
    position: absolute;
    opacity: 0;
}

input[type=radio].relation-type + label
{
    background: transparent; 
    border: 1px solid #219cd7;
    border-radius: 1em;
    color: #219cd7;
    display: inline;
    margin: 0 0 0 0.5em;
    padding: 0.25em 0.7em 0.25em 0.7em; 
}

input[type=radio].relation-type:checked + label,
input[type=radio].relation-type + label:hover
{
    background: #219cd7;
    color: #ffffff;
}

::-webkit-input-placeholder
{
    text-align: left;
}

::-moz-placeholder
{
    text-align: left;
}

:-ms-input-placeholder
{
    text-align: left;
}

:-moz-placeholder
{
    text-align: left;
}

::placeholder
{
    text-align: left;
}

input[type=text],
input[type=password],
input[type=email]
{
    text-align: left;
}

body form > div:not(.explanation):not(.cancel_popup)
{
    border: none;
    margin: 0 auto 1em auto;
    max-width: 30em;
    padding: 0 1em 0 1em;
    width: 100%;
}

body form > div.nopadding
{
    margin: 0 auto 0.5em auto;
    padding: 0.5em 1em 0 1em;
}

body header form > div
{
    margin: 0 0 0 0;
    width: 100%;
}

body form input + i
{
    display: initial;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
}

form input[value=frontend-change-block-guest-list] ~ div.list
{
    margin: 0 auto 0 auto;
    padding: 0.1em 1em 0 1em;
    border-bottom: 1px solid #f0f0f0;
}

form input[value=frontend-change-block-guest-list] ~ div.list:first-of-type
{
    border-top: 1px solid #f0f0f0;
}

form
{
    display: inline;
}

form > h2,
form > fieldset > legend
{
    color: #219cd7;
    font-size: 1.2em;
    margin: 1em 0.5em 0.5em 0.5em;
}

form > div + h2,
form > button + h2
{
    margin-top: 3em;
}

form div > p
{
    background: #ffffff;
    margin: 0 0 0 0;
    overflow: hidden;
    padding: .5em 1em .4em 1em;
}

form div > p > img
{
    float: left;
    margin: 0 1em 0.1em 0;
    max-height: 2.7em;
}

form > div.selection > input + label
{
    color: #444444;
    font-size: 1em;
}

form > div.selection > input + label > span
{
    font-size: 1em;
}

form > div.selection > input + label > u
{
    color: #888888;
    display: block;
    font-size: 0.9em;
    font-style: italic;
    margin-top: 0.2em;
    text-decoration: none;
}

form > div.selection > input + label > u:empty
{
    display: none;
}

form > div > label > b
{
    color: #219cd7;
    position: absolute;
    right: 0;
}

form > div > label > b:empty
{
    display: none;
}

form > h2.selection
{
    font-size: 1.5em;
}

button,
a.icon-button,
form div:not(.frontend-tiles) > button.popup-button
{
    background-color: #219cd7;
    border: 1px solid #219cd7;
    color: #ffffff;
    display: inline-block;
    border-radius: 1em;
    cursor: pointer;
    margin: 1em 0 1em 0;
    padding: 0.2em 0.7em 0.3em 0.7em;
    vertical-align: top;
}

button.cancel,
button[value=delete]
{
    background: #f0f0f0;
    border-color: #888888;
    color: #888888;
}

button[value=delete] > i.icon-remove
{
    font-size: 0.9em;
}

form div:not(.frontend-tiles) > button.popup-button
{
    margin: 0 0 0 0;
    text-align: center;
    width: auto;
}

form div:not(.frontend-tiles) > button.popup-button:hover
{
    background-color: #219cd7;
    border: 1px solid #219cd7;
    color: #ffffff;
}

form div > button > p
{
    color: inherit;
    font-size: 0.9em;
    font-style: italic;
    margin: 0.5em 0 0.5em 0;
}

form div > button > p:empty
{
    display: none;
}

body form > div.mollie
{
    margin-bottom: 0;
    max-width: 28em;
    padding: 0 0 0 0;
}

body form > div.mollie > p,
body form > div.mollie > button
{
    margin: 0 1em 1em 1em;
    padding: 1em 0 1em 4em;
    position: relative;
    text-align: left;
    background: #219cd714;
    width: calc(100% - 2em);
    color: #444444;
    border: 1px solid #219cd7;
    border-radius: 0.2em;
}

body form > div.mollie > button:last-of-type
{
    margin-bottom: 2em;
}

body form > div.mollie > p
{
    margin: 0 0 0.5em 0;
    text-align: left;
    width: 100%;
}

body form > div.mollie > p > img,
body form > div.mollie > button > img
{
    left: 0.5em;
    position: absolute;
    top: 0.6em;
    width: 3em;
}

body form > div.mollie > button > i
{
    position: absolute;
    right: 0.5em;
}

a.icon-button
{
    text-decoration: none;
}

.icon-button > i
{
    color: inherit;
    display: inline-block;
    margin: 0 -0.5em 0 -0.4em;
}

.info-button
{
    margin: 0 0 0 0;
    height: 2em;
    width: 2em;
}

.icon-button > span
{
    margin-left: 0.7em;
    margin-right: 0.1em;
}

header a.icon-button,
header button.icon-button
{
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #555555;
    margin: 0 0 0 0;
    min-width: 2em;
    height: 2em;
}

header a.icon-button:hover,
header button.icon-button:hover
{
    background: #f0f0f0;
}

div.explanation,
div.remarks_popup,
div.cancel_popup
{
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999998;
}

div.explanation.hide,
div.cancel_popup.hide
{
    display: none;
}

div.explanation > div,
div.remarks_popup > div,
div.cancel_popup > div
{
    background: #ffffff;
    margin: 0 1em 0 1em;
    padding: 1em 1em 1em 1em;
    position: relative;
    text-align: center;
    top: 5em;
}

div.cancel_popup > div
{
    background: #e0e0e0;
}

div.explanation > div > p,
div.remarks_popup > div > p,
div.cancel_popup > div > p
{
    margin: 0 0 1em 0;
    text-align: left;
}

div.cancel_popup > div > p
{
    background: transparent;
    padding: 0 0 0 0;
}

div.cancel_popup > div > h1 > i
{
    font-size: inherit;
}

main > form + h2,
main > form + p.intro
{
    margin-top: 2em;
}

div#messages,
div#warnings,
div#errors
{
    left: 0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 999999;
}

div#messages > p,
div#warnings > p,
div#errors > p
{
    color: inherit;
    margin: 0.65em 0 0.65em 0;
    padding: 0 0 0 0;
}

div#messages
{
    background: #f0fff0;
    border-left: 5px solid #008000;
    border-right: 5px solid #008000;
    color: #008000;
}

div#warnings
{
    background: #ffe8d0;
    border-left: 5px solid #f06000;
    border-right: 5px solid #f06000;
    color: #f06000;
}

div#errors
{
    background: #fff0f0;
    border-left: 5px solid #ff0000; 
    border-right: 5px solid #ff0000; 
    color: #c00000;
}

div#messages:not(:empty),
div#warnings:not(:empty), 
div#errors:not(:empty) 
{
    overflow: hidden;
    padding: 0.65em 0 0.65em 0;
    width: 100%;
    
    -moz-animation: messageAnimation 6s linear 0s 1 forwards; /* Firefox */
    -webkit-animation: messageAnimation 6s linear 0s 1 forwards; /* Safari and Chrome */
    -o-animation: messageAnimation 6s linear 0s 1 forwards; /* Opera */
    animation: messageAnimation 6s linear 0s 1 forwards; /* css3 */
}

@keyframes messageAnimation 
{
    0% { opacity: 0; max-height: 20em; padding: 0.65em 0 0.65em 0; width: auto; margin-bottom: 1em; }
    2% { opacity: 1; max-height: 20em; padding: 0.65em 0 0.65em 0; width: auto; margin-bottom: 1em; }
    80% { opacity: 1; max-height: 20em; padding: 0.65em 0 0.65em 0; width: auto; margin-bottom: 1em; }
    90% { opacity: 0; max-height: 20em; padding: 0.65em 0 0.65em 0; width: auto; margin-bottom: 1em; }
    94% { opacity: 0; max-height: 0; padding: 0; width: auto; margin-bottom: 0; }
    100% { opacity: 0; max-height: 0; padding: 0; width: 0; margin-bottom: 0; }
}

@-webkit-keyframes messageAnimation
{
    0% { opacity: 0; max-height: 20em; padding: 0.65em 0 0.65em 0; width: auto; margin-bottom: 1em; }
    2% { opacity: 1; max-height: 20em; padding: 0.65em 0 0.65em 0; width: auto; margin-bottom: 1em; }
    80% { opacity: 1; max-height: 20em; padding: 0.65em 0 0.65em 0; width: auto; margin-bottom: 1em; }
    90% { opacity: 0; max-height: 20em; padding: 0.65em 0 0.65em 0; width: auto; margin-bottom: 1em; }
    94% { opacity: 0; max-height: 0; padding: 0; width: auto; margin-bottom: 0; }
    100% { opacity: 0; max-height: 0; padding: 0; width: 0; margin-bottom: 0; }
}

header a.icon-button.alarm,
header button.icon-button.alarm
{
    background-color: #219cd7;
    border: none;
    color: #ffffff;
    opacity: 0;
    
    -moz-animation: alarmAnimation 1s infinite; /* Firefox */
    -webkit-animation: alarmAnimation 1s infinite; /* Safari and Chrome */
    -o-animation: alarmAnimation 1s infinite; /* Opera */
    animation: alarmAnimation 1s infinite; /* css3 */
}

header a.icon-button.alarm:hover,
header button.icon-button.alarm:hover
{
    opacity: 1;
    
    -moz-animation: none; /* Firefox */
    -webkit-animation: none; /* Safari and Chrome */
    -o-animation: none; /* Opera */
    animation: none; /* css3 */
}

@keyframes alarmAnimation
{
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes alarmAnimation
{
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@font-face {
    font-family: 'orangerie';
    src: url('./orangerie.eot?55565529');
    src: url('./orangerie.eot?55565529#iefix') format('embedded-opentype'),
         url('./orangerie.woff2?55565529') format('woff2'),
         url('./orangerie.woff?55565529') format('woff'),
         url('./orangerie.ttf?55565529') format('truetype'),
         url('./orangerie.svg?55565529#orangerie') format('svg');
    font-weight: normal;
    font-style: normal;
}

p.intro,
p.wrap
{
    max-width: calc(800px - 2em);
    margin: 0 auto 0 auto;
    padding: 0 1em 1em 1em;
}

p.wrap > span
{
    color: #219cd7;
}

img.frontend-event
{
    margin: 0 0 1em 0;
    max-width: 28em;
    width: 100%;
}

main > p + h2
{
    margin-top: 2em;
}

main > p + h2.alt-date
{
    color: #219cd7;
}

ul
{
    list-style: none;
    text-align: left;
    width: 100%;
}

ul.menu,
ul.scenario,
ul.frontend-event
{
    max-width: calc(600px - 2em);
    margin: 0 auto 0 auto;
}

ul.menu > li > p,
ul.scenario > li > p,
ul.frontend-event > li > p
{
    color: #219cd7;
    font-size: 1.2em;    
    font-weight: 600;
    text-align: center;
}

ul.frontend-event > li > p
{
    font-weight: 600;
    margin: 0 1em 1em 1em;
    position: relative;
    text-align: left;
}

ul.frontend-event > li > p > span
{
    position: absolute;
    font-size: 0.8em;
    top: 0.3em;
    right: 0.8em;
    color: #219cd7;
}

ul.frontend-event > li > p > u
{
    position: absolute;
    font-size: 0.8em;
    top: 0.3em;
    right: 8.4em;
    text-decoration: none;
}

ul.menu + ul.scenario
{
    margin-top: 1em;
}

ul.frontend-event
{
    margin-bottom: 1em;
}

ul.menu > li > ul > li > a,
ul.menu > li > ul > li > form > button,
ul.scenario > li > ul > li > p,
ul.frontend-event > li > ul > li > a,
ul.frontend-event > li > ul > li > p
{
    background-color: #f0f0f0;
    display: inline-block;
    font-size: 0.9em;
    margin: 0 0 0.5em 0;
    padding: 0.5em 0.5em 0.5em 3em;
    position: relative;
    text-decoration: none;
    width: 100%;
}

ul.frontend-event > li > ul > li > a[href=""]
{
    cursor: text;
}

ul.frontend-event > li > ul > li > a > u,
ul.frontend-event > li > ul > li > p > u
{
    display: none;
    font-size: inherit;
    text-decoration: none;
}

ul.frontend-event > li > ul > li > p > u.alt-date
{
    display: block;
    position: absolute;
    font-size: 0.9em;
    top: 0.7em;
    right: 10em;
}

ul.frontend-event > li > ul > li.empty > p
{
    /* padding: 0.5em 0.5em 0.5em 0.5em; */
    color: #aaaaaa;
    text-align: center;
}

ul.frontend-event > li > ul > li.guests > a > u
{
    display: inline-block;
}

ul.frontend-event > li > ul > li.block > a
{
    font-size: 1em;
    margin: 0 0 0 0;
}

ul.frontend-event > li > ul > li:not(.block) > a,
ul.frontend-event > li > ul > li:not(.block) > p
{
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 0 0 0;
}

ul.frontend-event > li > ul > li:not(.block):first-child > a,
ul.frontend-event > li > ul > li:not(.block):first-child > p
{
    border-top: 1px solid #f0f0f0;
}

ul.scenario > li > ul > li > p
{
    background-color: #219cd714;
}

ul.menu > li > ul > li > form > button
{
    border: none;
    border-radius: 0;
    color: inherit;
    text-align: left;
}

ul.frontend-event > li > ul > li > p > span,
ul.frontend-event > li > ul > li > a > span
{
    background: #ffffff;
    box-shadow: 0 0 0.5em 0.5em #ffffff;
    color: #219cd7;
    font-size: 0.9em;
    position: absolute;
    right: 1em;
    top: 0.7em;
}

ul.frontend-event > li > ul > li.beverage > a > span,
ul.frontend-event > li > ul > li.block > a > span,
ul.frontend-event > li > ul > li.food > a > span,
ul.frontend-event > li > ul > li.guests > a > span,
ul.frontend-event > li > ul > li.location > a > span,
ul.frontend-event > li > ul > li.snack > a > span
{
    /* display: none; */
}

ul.frontend-event > li > ul > li > a > i,
ul.frontend-event > li > ul > li > a > b:empty,
ul.frontend-event > li > ul > li.other:not(.new) > p > i:not([class^=icon]),
ul.frontend-event > li > ul > li.block ~ li.animate
{
    display: none;
}

ul.frontend-event > li > ul > li.block > a > i,
ul.frontend-event > li > ul > li.beverage > a > i,
ul.frontend-event > li > ul > li.cake > a > i,
ul.frontend-event > li > ul > li.flower > a > i,
ul.frontend-event > li > ul > li.food > a > i,
ul.frontend-event > li > ul > li.other > a > i,
ul.frontend-event > li > ul > li.rental > a > i,
ul.frontend-event > li > ul > li.snack > a > i,
ul.frontend-event > li > ul > li.wedding-cake > a > i,
ul.frontend-event > li > ul > li.new > a > i
{
    color: inherit;
    display: inline-block;
}

ul.frontend-event > li > ul > li.new > a
{
    color: #219cd7;
}

ul.frontend-event > li > ul > li.block.expanded + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate,
ul.frontend-event > li > ul > li.block.expanded + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li:not(.block) + li.animate
{
    display: initial;
}

ul.frontend-event > li > ul > li.block > a::after
{
    font-family: "orangerie";
    content: '\e8a0';
    font-size: 0.8em;
    position: absolute;
    right: 1em;
    top: 1em;
}

ul.frontend-event > li > ul > li.block.expanded > a::after
{
    content: '\e8a1';
}

ul.menu > li > ul > li > a > i,
ul.menu > li > ul > li > a > img,
ul.menu > li > ul > li > form > button > img,
ul.scenario > li > ul > li > p > i,
ul.frontend-event > li > ul > li.block > a > i:first-child,
ul.frontend-event > li > ul > li.beverage:not(.new) > a > i:first-child,
ul.frontend-event > li > ul > li.cake:not(.new) > a > i:first-child,
ul.frontend-event > li > ul > li.food:not(.new) > a > i:first-child,
ul.frontend-event > li > ul > li.flower:not(.new) > a > i:first-child,
ul.frontend-event > li > ul > li.other:not(.new) > a > i:first-child,
ul.frontend-event > li > ul > li.other:not(.new) > p > i:first-child,
ul.frontend-event > li > ul > li.rental:not(.new) > a > i:first-child,
ul.frontend-event > li > ul > li.snack:not(.new) > a > i:first-child,
ul.frontend-event > li > ul > li.wedding-cake > a > i:first-child
{
    color: #666666;
    margin: 0 0.5em 0 -2em;
}

ul.frontend-event > li > ul > li.block > a > b
{
    font-weight: 600;
}

ul.frontend-event > li > ul > li.block > a > b + b::before
{
    content: ' - ';
}

ul.frontend-event > li > ul > li.block > a > b + b::after,
ul.frontend-event > li > ul > li.guests > a > u::after
{
    content: '|';
    margin: 0 0.7em 0 0.7em;
    position: relative;
    top: -0.1em;
}

ul.frontend-event > li > ul > li.guests > a > u::after
{
    margin: 0 0.2em 0 0.3em;
}

ul.frontend-event > li > ul > li.guests > a > u > span
{
    color: #219cd7;
    font-size: inherit;
    font-weight: 600;
}

ul.frontend-event > li > ul > li.paid > p,
ul.frontend-event > li > ul > li.other:not(.new).paid > p > i:first-child,
ul.frontend-event > li > ul > li.paid > p > span
{
    color: #008000;
}

ul.frontend-event > li > ul > li.unpaid > p,
ul.frontend-event > li > ul > li.other:not(.new).unpaid > p > i:first-child,
ul.frontend-event > li > ul > li.unpaid > p > span
{
    color: #ff0000;
}

ul.menu > li > ul > li > a > img,
ul.menu > li > ul > li > form > button > img
{
    margin: 0 0.7em 0 -2em;
    vertical-align: top;
    width: 1.2em;
}

ul.menu > li > ul > li > a > b,
ul.menu > li > ul > li > a > u
{
    color: #222222;
    font-weight: 600;
    margin: 0 0.5em 0 0;
}

ul.menu > li > ul > li > a > u
{
    text-decoration: none;
}

ul.menu > li ul li span:not(:empty)
{
    background: #219cd7;
    border-radius: 50%;
    box-shadow: 0 0 0 0.5em #f0f0f0;
    color: #fff;
    display: inline-block;
    font-size: 0.8em;
    height: 2em;
    right: 1em;
    padding: 0.35em 0.1em 0 0;
    position: absolute;
    text-align: center;
    top: 0.6em;
    width: 2em;
}

ul.menu > li ul li:hover span:not(:empty)
{
    box-shadow: 0 0 0 0.5em #f0f0f0;
}

ul.scenario > li ul li > p > span.price 
{
    color: #219cd7;
    font-weight: bold;
    float: right;
    margin: 0 0.5em 0 1em;
}

ul.frontend-categories
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;    
    display: flex;

    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;

    margin: 2em auto 0 auto;
    max-width: 58em;
    width: calc(100% - 2em);
}

ul.frontend-categories > li
{
    background: #888888;
    color: #ffffff;
    margin: 0 1.5em 4em 1.5em;
    overflow: hidden;
    padding: 1em 1em 2.8em 1em;
    position: relative; 
    text-align: left;
    max-width: 100%;

    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

ul.frontend-categories > li > h2
{
    color: inherit;
    font-size: 1.2em;
    margin: 0 0 0.8em 0;
    overflow: hidden;
    padding: 0 0 0 0;
}

ul.frontend-categories > li > h3
{
    color: inherit;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 1em 0;
    padding: 0 0 0 0;
}

ul.frontend-categories > li > h3:first-letter
{
    /* text-transform: uppercase; */
}

ul.frontend-categories > li > img
{
    display: block;
    margin: 0 -1em 0 -1em;
    width: calc(100% - -2em);
}

ul.frontend-categories > li > p
{
    color: inherit;
    font-size: 0.9em;
    margin: 0 0 1em 0;
    
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

ul.frontend-categories > li > p:empty
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

ul.frontend-categories > li > button
{
    background: #eeeeee;
    border: none;
    border-radius: 0;
    color: #444444;
    display: block;
    font-weight: 600;
    height: 2.8em;
    margin: 0 0 0 0;
    padding: 0.7em 1em 0.7em 1em;
    position: absolute;
    text-align: left;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;    
}

ul.frontend-categories > li > button > i 
{
    color: #219cd7;
    position: absolute;
    right: 0.7em;
}

div.view > p.view
{
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
    max-width: calc(600px - 2em);
    margin: 1em auto 1em auto;
    padding: 1em 1em 1em 1em;
    text-align: left;
}

div.downloads > a
{
    background: #f0f0f0;
    display: block;
    max-width: calc(600px - 2em);
    margin: 0 auto 1em auto;
    padding: 0.5em 0.5em 1em 4em;
    position: relative;
    text-align: left;
    text-decoration: none;
    
}

div.downloads > a > img
{
    position: absolute;
    left: 0.5em;
    top: 0.5em;
    width: 3em;
}

div.downloads > a > span
{
    display: block;
}

@media screen and (max-width: 800px)
{
    select
    {
        -moz-appearance: window;
        -webkit-appearance: none;
    }
}

@media screen and (min-width: 500px)
{
    
    div.explanation > div,
    div.remarks_popup > div,
    div.cancel_popup > div
    {
        margin: 0 1em 0 calc(50vw - 250px - -1em);
        width: calc(500px - 2em);
    }    
    
}

@media screen and (min-width: 600px)
{
    
    aside ul
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;    
        display: flex;

        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        flex-flow: row wrap;
        
        padding: 4em 0 0 0;
    }
    
    aside > ul > li
    {
        max-width: 50%;

        -webkit-flex: 1 1 50%;
        -moz-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        
        padding: 0 1em 16em 1em;
        position: relative; 
    }
    
    ul.frontend-categories > li,
    aside > article.food > ul > li
    {
        max-width: calc(50% - 2em);

        -webkit-flex: 1 1 calc(50% - 2em);
        -moz-flex: 1 1 calc(50% - 2em);
        -ms-flex: 1 1 calc(50% - 2em);
        flex: 1 1 calc(50% - 2em);
        
        margin: 0 1em 4em 1em;
        padding: 1em 1em calc(15.2em - 200px - -25vw) 1em;
        position: relative; 
    }
    
    ul.frontend-categories > li > img,
    aside > article.food > ul > li > img
    {
        bottom: 2.8em;
        position: absolute;
        width: 100%;
    }

    aside > article.food > ul > li > a
    {
        bottom: 1em;
        height: 2.8em;
        position: absolute;
        width: 100%;
    }
    
    aside > ul > li > p
    {
        margin: 0 auto 0 auto;
        max-width: 17em;
    }
    
    aside > ul > li > h3
    {
        margin: 0 auto 0.5em auto;
        max-width: 17em;
    }
    
    aside > ul > li > img
    {
        bottom: 5.5em;
        left: calc(50% - 8.5em);
        position: absolute;
        width: 17em;
    }
    
    aside > ul > li > a.icon-button
    {
        bottom: 3em;
        left: calc(50% - 10.6em);
        position: absolute;
        text-align: center;
        width: 9em;
    }
    
    ul.frontend-event > li > p
    {
        margin: 0 0 1em 0;
    }

}

@media screen and (min-width: 800px)
{
    
    ul.frontend-categories > li,
    aside > article.food > ul > li
    {
        max-width: calc(33% - 2em);

        -webkit-flex: 1 1 calc(33% - 2em);
        -moz-flex: 1 1 calc(33% - 2em);
        -ms-flex: 1 1 calc(33% - 2em);
        flex: 1 1 calc(33% - 2em);
        
        padding: 1em 1em calc(10.7em - 120px - -15vw) 1em;
    }
    
}

@media screen and (min-width: 1000px)
{
    
    aside
    {
        text-align: left;
    }
    
    aside > div
    {
        text-align: center;
    }
    
    aside h1,
    aside h2,
    aside h3
    {
        margin-left: 0;
    }
    
    aside > article.food > ul > li
    {
        padding: 1em 1em 13.5em 1em;
    }
    
    aside > article.location
    {
        display: inline-block;
        margin-left: calc(50% - 500px);
        width: 480px;
        vertical-align: top;
    }
    
    aside > article.location > img
    {
        margin: 2em 0 0 0;
        width: calc(100% - 2em);
    }
    
    aside > ul
    {
        float: right;
        margin-right: calc(50% - 500px);
        width: 520px;
        vertical-align: top;
    }
    
    aside > ul > li
    {
        padding-bottom: 14em;
    }
    
    aside > ul > li > img
    {
        bottom: 5.5em;
        left: calc(50% - 7em);
        position: absolute;
        width: 14em;
    }
    
    aside > ul > li > a.icon-button
    {
        left: 1.5em;
    }
    
}

@media screen and (min-width: 1408px)
{
    
    main > div > img,
    aside > div > img
    {
        height: auto;
        margin: calc(2em - 10vw - -141px) 0 0 0;
        width: 100%;
    }
    
    aside > div > img
    {
        margin-top: calc(-10vw - -141px);
    }
    
    main > div > h1
    {
        margin-top: calc(-6em - 17vw - -239px);
    }
    
    aside > div > h1
    {
        margin-top: calc(-9em - 17vw - -239px);
    }

}


/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'orangerie';
    src: url('../font/orangerie.svg?55565527#orangerie') format('svg');
  }
}
*/
 
[class^="icon-"]:before, [class*=" icon-"]:before 
{
    font-family: "orangerie";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-accounting-bills:before { content: '\e92c'; } 
.icon-accounting-coins:before { content: '\e92d'; } 
.icon-add:before { content: '\e92e'; } 
.icon-add-circle:before { content: '\e92f'; } 
.icon-add-square:before { content: '\e930'; } 
.icon-alarm-bell:before { content: '\e931'; } 
.icon-alarm-bell-check:before { content: '\e932'; } 
.icon-alarm-bell-disable:before { content: '\e933'; } 
.icon-alarm-bell-off:before { content: '\e934'; } 
.icon-alarm-bell-sleep:before { content: '\e935'; } 
.icon-alert-circle:before { content: '\e936'; } 
.icon-alert-triangle:before { content: '\e937'; } 
.icon-analytics-bars-circle:before { content: '\e938'; } 
.icon-analytics-graph-line:before { content: '\e939'; } 
.icon-animal-products-cheese:before { content: '\e93a'; } 
.icon-animal-products-drumsticks:before { content: '\e93b'; } 
.icon-animal-products-egg:before { content: '\e93c'; } 
.icon-animal-products-turkey:before { content: '\e93d'; } 
.icon-appliances-slow-cooker:before { content: '\e93e'; } 
.icon-arrow-down-1:before { content: '\e8a0'; } 
.icon-arrow-left-1:before { content: '\e956'; } 
.icon-arrow-right-1:before { content: '\e957'; } 
.icon-arrow-thick-circle-down:before { content: '\e93f'; } 
.icon-arrow-thick-circle-left:before { content: '\e940'; } 
.icon-arrow-thick-circle-right:before { content: '\e941'; } 
.icon-arrow-thick-circle-up:before { content: '\e942'; } 
.icon-arrow-thick-down:before { content: '\e943'; } 
.icon-arrow-thick-left:before { content: '\e944'; } 
.icon-arrow-thick-right:before { content: '\e945'; } 
.icon-arrow-thick-up:before { content: '\e946'; } 
.icon-arrow-up-1:before { content: '\e8a1'; } 
.icon-asian-food-pho:before { content: '\e947'; } 
.icon-asian-food-rice:before { content: '\e948'; } 
.icon-asian-food-soup:before { content: '\e949'; } 
.icon-attachment:before { content: '\e94a'; } 
.icon-attachment-1:before { content: '\e94b'; } 
.icon-award-ribbon-star:before { content: '\e94c'; } 
.icon-award-ribbon-star-1:before { content: '\e94d'; } 
.icon-award-ribbon-star-2:before { content: '\e94e'; } 
.icon-award-ribbon-star-3:before { content: '\e94f'; } 
.icon-barbecue-grill:before { content: '\e950'; } 
.icon-beer-glass:before { content: '\e800'; } 
.icon-beer-half-glass:before { content: '\e801'; } 
.icon-beer-mug:before { content: '\e802'; } 
.icon-bin-1:before { content: '\e803'; } 
.icon-bin-2:before { content: '\e804'; } 
.icon-breakfast-cereal-bowl:before { content: '\e805'; } 
.icon-breakfast-cereal-bowl-spoon:before { content: '\e806'; } 
.icon-breakfast-croissant-2:before { content: '\e807'; } 
.icon-business-contract-give:before { content: '\e808'; } 
.icon-business-contract-handshake-sign:before { content: '\e809'; } 
.icon-business-deal-handshake:before { content: '\e80a'; } 
.icon-business-deal-handshake-circle:before { content: '\e80b'; } 
.icon-cake-birthday:before { content: '\e80c'; } 
.icon-cake-flour-1:before { content: '\e80d'; } 
.icon-calendar-date:before { content: '\e80e'; } 
.icon-candle:before { content: '\e80f'; } 
.icon-candy:before { content: '\e810'; } 
.icon-candy-jar-1:before { content: '\e811'; } 
.icon-cash-payment-bill:before { content: '\e812'; } 
.icon-cash-payment-coin:before { content: '\e813'; } 
.icon-ceiling-lamp:before { content: '\e814'; } 
.icon-ceiling-lamp-ball-chandelier:before { content: '\e815'; } 
.icon-certified-diploma-1:before { content: '\e816'; } 
.icon-certified-diploma-2:before { content: '\e817'; } 
.icon-certified-ribbon:before { content: '\e818'; } 
.icon-certified-ribbon-1:before { content: '\e819'; } 
.icon-chair-3:before { content: '\e81a'; } 
.icon-chair-4:before { content: '\e81b'; } 
.icon-champagne-bottle:before { content: '\e81c'; } 
.icon-champagne-cheers:before { content: '\e81d'; } 
.icon-champagne-glass:before { content: '\e81e'; } 
.icon-check-2:before { content: '\e81f'; } 
.icon-check-badge:before { content: '\e820'; } 
.icon-check-circle-1:before { content: '\e821'; } 
.icon-check-shield:before { content: '\e822'; } 
.icon-chef-gear-hat:before { content: '\e823'; } 
.icon-chef-gear-hat-1:before { content: '\e824'; } 
.icon-chef-gear-hat-moustache:before { content: '\e825'; } 
.icon-cloud-download:before { content: '\e826'; } 
.icon-cloud-upload:before { content: '\e827'; } 
.icon-cocktail-coconut:before { content: '\e828'; } 
.icon-cocktail-glass:before { content: '\e829'; } 
.icon-cocktail-martini:before { content: '\e82a'; } 
.icon-coffee-cold:before { content: '\e82b'; } 
.icon-coffee-cup:before { content: '\e82c'; } 
.icon-coffee-cup-hot:before { content: '\e82d'; } 
.icon-coffee-filter:before { content: '\e82e'; } 
.icon-coffee-mug:before { content: '\e82f'; } 
.icon-coffee-pot:before { content: '\e830'; } 
.icon-cog-1:before { content: '\e831'; } 
.icon-cog-circle:before { content: '\e832'; } 
.icon-common-file-add:before { content: '\e833'; } 
.icon-common-file-award:before { content: '\e834'; } 
.icon-common-file-cash:before { content: '\e835'; } 
.icon-common-file-check:before { content: '\e836'; } 
.icon-common-file-disable:before { content: '\e837'; } 
.icon-common-file-download:before { content: '\e838'; } 
.icon-common-file-edit:before { content: '\e839'; } 
.icon-common-file-lock:before { content: '\e83a'; } 
.icon-common-file-remove:before { content: '\e83b'; } 
.icon-common-file-settings:before { content: '\e83c'; } 
.icon-common-file-subtract:before { content: '\e83d'; } 
.icon-compass:before { content: '\e83e'; } 
.icon-computer-bug:before { content: '\e83f'; } 
.icon-copy-paste:before { content: '\e840'; } 
.icon-couple-man-man:before { content: '\e841'; } 
.icon-couple-man-woman:before { content: '\e842'; } 
.icon-couple-woman-woman:before { content: '\e843'; } 
.icon-credit-card:before { content: '\e844'; } 
.icon-cupcake:before { content: '\e845'; } 
.icon-cursor-hand-1:before { content: '\e846'; } 
.icon-death-coffin:before { content: '\e847'; } 
.icon-death-coffin-1:before { content: '\e848'; } 
.icon-delete-2:before { content: '\e849'; } 
.icon-delivery-truck-2:before { content: '\e84a'; } 
.icon-delivery-truck-3:before { content: '\e84b'; } 
.icon-delivery-truck-4:before { content: '\e84c'; } 
.icon-delivery-truck-5:before { content: '\e84d'; } 
.icon-discount-circle:before { content: '\e84e'; } 
.icon-discount-parking-2:before { content: '\e84f'; } 
.icon-drawer-download:before { content: '\e850'; } 
.icon-drawer-file:before { content: '\e851'; } 
.icon-drawer-upload:before { content: '\e852'; } 
.icon-ecology-leaf:before { content: '\e853'; } 
.icon-email-action-read:before { content: '\e854'; } 
.icon-email-action-unread:before { content: '\e855'; } 
.icon-expand-1:before { content: '\e958'; } 
.icon-expand-2:before { content: '\e959'; } 
.icon-expand-3:before { content: '\e95a'; } 
.icon-expand-4:before { content: '\e95b'; } 
.icon-expand-5:before { content: '\e95c'; } 
.icon-expand-diagonal:before { content: '\e962'; } 
.icon-expand-diagonal-1:before { content: '\e963'; } 
.icon-expand-horizontal:before { content: '\e964'; } 
.icon-expand-horizontal-1:before { content: '\e965'; } 
.icon-expand-vertical:before { content: '\e966'; } 
.icon-expand-vertical-1:before { content: '\e961'; } 
.icon-fast-food-double-burger:before { content: '\e856'; } 
.icon-fast-food-french-fries:before { content: '\e857'; } 
.icon-fast-food-hot-dog:before { content: '\e858'; } 
.icon-fast-food-pizza:before { content: '\e859'; } 
.icon-fast-food-pizza-slice:before { content: '\e85a'; } 
.icon-fast-food-wrap:before { content: '\e85b'; } 
.icon-filter-1:before { content: '\e85c'; } 
.icon-floppy-disk:before { content: '\e85d'; } 
.icon-flower:before { content: '\e85e'; } 
.icon-flower-1:before { content: '\e85f'; } 
.icon-flower-2:before { content: '\e860'; } 
.icon-folder:before { content: '\e861'; } 
.icon-folder-1:before { content: '\e862'; } 
.icon-folder-empty-1:before { content: '\e863'; } 
.icon-fruit-acorn:before { content: '\e864'; } 
.icon-fruit-apple:before { content: '\e865'; } 
.icon-fruit-banana-1:before { content: '\e866'; } 
.icon-fruit-cherry:before { content: '\e867'; } 
.icon-fruit-grapes:before { content: '\e868'; } 
.icon-fruit-lemon:before { content: '\e869'; } 
.icon-fruit-pear:before { content: '\e86a'; } 
.icon-fruit-strawberry:before { content: '\e86b'; } 
.icon-fruit-strawberry-1:before { content: '\e86c'; } 
.icon-fruit-watermelon:before { content: '\e86d'; } 
.icon-gauge-dashboard:before { content: '\e86e'; } 
.icon-gift-box:before { content: '\e86f'; } 
.icon-gift-box-1:before { content: '\e870'; } 
.icon-gift-heart:before { content: '\e871'; } 
.icon-graph-stats-circle:before { content: '\e872'; } 
.icon-group-neutral-1:before { content: '\e873'; } 
.icon-group-neutral-2:before { content: '\e874'; } 
.icon-hat:before { content: '\e954'; } 
.icon-hat-1:before { content: '\e955'; } 
.icon-house-1:before { content: '\e875'; } 
.icon-hyperlink:before { content: '\e876'; } 
.icon-hyperlink-2:before { content: '\e877'; } 
.icon-ice-cream-bite:before { content: '\e878'; } 
.icon-ice-cream-bowl:before { content: '\e879'; } 
.icon-ice-cream-cone:before { content: '\e87a'; } 
.icon-ice-cream-stick-2:before { content: '\e87b'; } 
.icon-instrument-contrabass:before { content: '\e87c'; } 
.icon-instrument-contrabass-sheet:before { content: '\e87d'; } 
.icon-instrument-guitar:before { content: '\e87e'; } 
.icon-instrument-saxophone-play:before { content: '\e87f'; } 
.icon-lantern:before { content: '\e880'; } 
.icon-legal-scale-1:before { content: '\e881'; } 
.icon-legal-scale-unequal:before { content: '\e882'; } 
.icon-list-bullets:before { content: '\e883'; } 
.icon-list-bullets-1:before { content: '\e884'; } 
.icon-list-numbers:before { content: '\e885'; } 
.icon-list-to-do:before { content: '\e886'; } 
.icon-lock-2:before { content: '\e887'; } 
.icon-lock-circle-1:before { content: '\e888'; } 
.icon-lock-unlock-1:before { content: '\e889'; } 
.icon-login-keys:before { content: '\e88a'; } 
.icon-logout-1:before { content: '\e88b'; } 
.icon-love-it:before { content: '\e88c'; } 
.icon-love-it-ribbon-1:before { content: '\e88d'; } 
.icon-love-it-ribbon-2:before { content: '\e88e'; } 
.icon-microphone-stage:before { content: '\e88f'; } 
.icon-mobile-phone-2:before { content: '\e890'; } 
.icon-mobile-shopping-cart-1:before { content: '\e891'; } 
.icon-modern-music-bass-guitar:before { content: '\e892'; } 
.icon-modern-music-dj:before { content: '\e893'; } 
.icon-modern-music-drums:before { content: '\e894'; } 
.icon-modern-music-electric-guitar:before { content: '\e895'; } 
.icon-module:before { content: '\e896'; } 
.icon-module-four:before { content: '\e897'; } 
.icon-monetization-tablet:before { content: '\e898'; } 
.icon-monetization-touch-browser:before { content: '\e899'; } 
.icon-monetization-touch-coin:before { content: '\e89a'; } 
.icon-monitor:before { content: '\e89b'; } 
.icon-multiple-man-1:before { content: '\e89c'; } 
.icon-multiple-man-2:before { content: '\e89d'; } 
.icon-multiple-man-woman-1:before { content: '\e89e'; } 
.icon-multiple-man-woman-3:before { content: '\e89f'; } 
.icon-multiple-woman-1:before { content: '\e8a2'; } 
.icon-multiple-woman-2:before { content: '\e8a3'; } 
.icon-party-mask:before { content: '\e953'; } 
.icon-pasta-bowl-warm:before { content: '\e8a4'; } 
.icon-pasta-plate-warm:before { content: '\e8a5'; } 
.icon-pencil-1:before { content: '\e8a6'; } 
.icon-pencil-circle:before { content: '\e8a7'; } 
.icon-performance-increase-1:before { content: '\e8a8'; } 
.icon-phone-rotate-2:before { content: '\e8a9'; } 
.icon-picture-sun:before { content: '\e967'; }
.icon-pie:before { content: '\e8aa'; } 
.icon-pin:before { content: '\e8ab'; } 
.icon-pin-1:before { content: '\e8ac'; } 
.icon-presentation:before { content: '\e8ad'; } 
.icon-presentation-analytics:before { content: '\e8ae'; } 
.icon-presentation-audience:before { content: '\e8af'; } 
.icon-presentation-speaker:before { content: '\e8b0'; } 
.icon-presentation-statistics:before { content: '\e8b1'; } 
.icon-products-give-gift:before { content: '\e8b2'; } 
.icon-products-give-gift-1:before { content: '\e8b3'; } 
.icon-question-circle:before { content: '\e8b4'; } 
.icon-rating-star:before { content: '\e8b5'; } 
.icon-rating-star-1:before { content: '\e8b6'; } 
.icon-rating-star-circle:before { content: '\e8b7'; } 
.icon-read-email-circle:before { content: '\e8b8'; } 
.icon-religion-angel-1:before { content: '\e8b9'; } 
.icon-religion-grave:before { content: '\e8ba'; } 
.icon-remove:before { content: '\e8bb'; } 
.icon-remove-shield:before { content: '\e8bc'; } 
.icon-remove-square-1:before { content: '\e8bd'; } 
.icon-responsive-design:before { content: '\e8be'; } 
.icon-responsive-design-1:before { content: '\e8bf'; } 
.icon-restaurant-eating-set:before { content: '\e8c0'; } 
.icon-restaurant-fork-knife:before { content: '\e8c1'; } 
.icon-restaurant-fork-spoon:before { content: '\e8c2'; } 
.icon-restaurant-menu:before { content: '\e8c3'; } 
.icon-room-service-bring-plate:before { content: '\e8c4'; } 
.icon-seafood-crab:before { content: '\e8c5'; } 
.icon-seafood-fish:before { content: '\e8c6'; } 
.icon-seafood-shrimp:before { content: '\e8c7'; } 
.icon-search:before { content: '\e8c8'; } 
.icon-search-remove:before { content: '\e8c9'; } 
.icon-seasoning-chilli:before { content: '\e8ca'; } 
.icon-seasoning-pepper:before { content: '\e8cb'; } 
.icon-seasoning-salt:before { content: '\e8cc'; } 
.icon-send-email-1:before { content: '\e8cd'; } 
.icon-shipment-crack:before { content: '\e8ce'; } 
.icon-shipment-fragile-break:before { content: '\e8cf'; } 
.icon-shop:before { content: '\e8d0'; } 
.icon-shop-1:before { content: '\e8d1'; } 
.icon-shopping-basket-1:before { content: '\e8d2'; } 
.icon-shopping-basket-3:before { content: '\e8d3'; } 
.icon-shopping-cart:before { content: '\e8d4'; } 
.icon-shopping-cart-1:before { content: '\e8d5'; } 
.icon-shopping-cart-empty-1:before { content: '\e8d6'; } 
.icon-show-theater-mask-happy:before { content: '\e951'; } 
.icon-show-theater-masks:before { content: '\e952'; } 
.icon-shrink-1:before { content: '\e95d'; } 
.icon-shrink-2:before { content: '\e95e'; } 
.icon-shrink-3:before { content: '\e95f'; } 
.icon-shrink-4:before { content: '\e960'; } 
.icon-single-neutral:before { content: '\e8d7'; } 
.icon-single-neutral-actions:before { content: '\e8d8'; } 
.icon-single-neutral-circle:before { content: '\e8d9'; } 
.icon-smartphone-pay-dollar-1:before { content: '\e8da'; } 
.icon-soft-drinks-bottle:before { content: '\e8db'; } 
.icon-soft-drinks-bottle-1:before { content: '\e8dc'; } 
.icon-soft-drinks-coconut:before { content: '\e8dd'; } 
.icon-soft-drinks-glass:before { content: '\e8de'; } 
.icon-soft-drinks-juice:before { content: '\e8df'; } 
.icon-soft-drinks-juicer:before { content: '\e8e0'; } 
.icon-speakers:before { content: '\e8e1'; } 
.icon-speakers-1:before { content: '\e8e2'; } 
.icon-speakers-note:before { content: '\e8e3'; } 
.icon-spirits:before { content: '\e8e4'; } 
.icon-standing-lamp-double:before { content: '\e8e5'; } 
.icon-subtract:before { content: '\e8e6'; } 
.icon-subtract-circle:before { content: '\e8e7'; } 
.icon-subtract-square:before { content: '\e8e8'; } 
.icon-synchronize-arrow-1:before { content: '\e8e9'; } 
.icon-synchronize-arrows-1:before { content: '\e8ea'; } 
.icon-table-candles:before { content: '\e8eb'; } 
.icon-table-restaurant:before { content: '\e8ec'; } 
.icon-table-restaurant-beach:before { content: '\e8ed'; } 
.icon-table-restaurant-beach-1:before { content: '\e8ee'; } 
.icon-tablet-1:before { content: '\e8ef'; } 
.icon-tags:before { content: '\e8f0'; } 
.icon-tags-1:before { content: '\e8f1'; } 
.icon-task-list-add:before { content: '\e8f2'; } 
.icon-task-list-cash:before { content: '\e8f3'; } 
.icon-task-list-check-1:before { content: '\e8f4'; } 
.icon-task-list-clock:before { content: '\e8f5'; } 
.icon-task-list-disable:before { content: '\e8f6'; } 
.icon-task-list-download-1:before { content: '\e8f7'; } 
.icon-task-list-question:before { content: '\e8f8'; } 
.icon-task-list-remove:before { content: '\e8f9'; } 
.icon-task-list-star:before { content: '\e8fa'; } 
.icon-task-list-subtract:before { content: '\e8fb'; } 
.icon-task-list-sync:before { content: '\e8fc'; } 
.icon-task-list-upload-1:before { content: '\e8fd'; } 
.icon-task-list-warning:before { content: '\e8fe'; } 
.icon-tea-cup:before { content: '\e8ff'; } 
.icon-tea-kettle:before { content: '\e900'; } 
.icon-tea-kettle-1:before { content: '\e901'; } 
.icon-team-meeting-chat:before { content: '\e902'; } 
.icon-team-meeting-message-question:before { content: '\e903'; } 
.icon-tea-pot:before { content: '\e904'; } 
.icon-time-clock-circle:before { content: '\e905'; } 
.icon-tools-kitchen-serving-dome:before { content: '\e906'; } 
.icon-torch:before { content: '\e907'; } 
.icon-trip-pin-multiple:before { content: '\e908'; } 
.icon-vegetables-beet:before { content: '\e909'; } 
.icon-vegetables-beet-1:before { content: '\e90a'; } 
.icon-vegetables-broccoli:before { content: '\e90b'; } 
.icon-vegetables-broccoli-1:before { content: '\e90c'; } 
.icon-vegetables-carrot:before { content: '\e90d'; } 
.icon-vegetables-corn:before { content: '\e90e'; } 
.icon-vegetables-mushroom-soup:before { content: '\e90f'; } 
.icon-vegetables-plate:before { content: '\e910'; } 
.icon-vegetables-pumpkin:before { content: '\e911'; } 
.icon-vegetables-pumpkin-1:before { content: '\e912'; } 
.icon-vegetables-salad:before { content: '\e913'; } 
.icon-view:before { content: '\e914'; } 
.icon-vip-crown-queen-1:before { content: '\e915'; } 
.icon-vip-crown-queen-2:before { content: '\e916'; } 
.icon-warehouse-cart-package:before { content: '\e917'; } 
.icon-warehouse-cart-package-ribbon-1:before { content: '\e918'; } 
.icon-warehouse-cart-packages-3:before { content: '\e919'; } 
.icon-watch-time:before { content: '\e91a'; } 
.icon-water-bottle-glass:before { content: '\e91b'; } 
.icon-water-glass:before { content: '\e91c'; } 
.icon-water-glass-1:before { content: '\e91d'; } 
.icon-water-glass-half-full:before { content: '\e91e'; } 
.icon-water-pitcher:before { content: '\e91f'; } 
.icon-water-pitcher-1:before { content: '\e920'; } 
.icon-water-pitcher-2:before { content: '\e921'; } 
.icon-water-pitcher-3:before { content: '\e922'; } 
.icon-water-straw:before { content: '\e923'; } 
.icon-wedding-cake-couple:before { content: '\e924'; } 
.icon-wedding-cake-heart:before { content: '\e925'; } 
.icon-wedding-couple:before { content: '\e926'; } 
.icon-wedding-fireworks:before { content: '\e927'; } 
.icon-wine-glass:before { content: '\e928'; } 
.icon-wine-opener:before { content: '\e929'; } 
.icon-zoom-in:before { content: '\e92a'; } 
.icon-zoom-out:before { content: '\e92b'; }