@font-face {
    font-family: 'OpenSansRegular';
    src: url("../fonts/opensans-regular-webfont.eot");
    src: url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.svg#OpenSansRegular") format("svg"), url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}
@font-face {
    font-family: 'OpenSansLight';
    src: url("../fonts/opensans-light-webfont.eot");
    src: url("../fonts/opensans-light-webfont.svg#OpenSansLight") format("svg"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-light-webfont.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}
@font-face {
    font-family: 'SIMI-Icons';
    src: url("../fonts/SIMI-Icons.eot");
    src: url("../fonts/SIMI-Icons.eot?#iefix") format("embedded-opentype"), url("../fonts/SIMI-Icons.svg#SIMI-Icons") format("svg"), url("../fonts/SIMI-Icons.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

.icon-logout,
.icon-checkout,
.icon-login,
.icon-trash,
.icon-cart_empty,
.icon-cart_full,
.icon-store,
.icon-cart_out,
.icon-cart_in,
.icon-user,
.icon-manager,
.icon-god,
.icon-admin,
.icon-reseller,
.icon-users,
.icon-partner,
.icon-license,
.icon-insignia,
.icon-select_place,
.icon-devices,
.icon-products,
.icon-suggestions,
.icon-delete,
.icon-cancel,
.icon-add,
.badge-add,
.tile .overlay .tile-footer .missing-lang:nth-child(3),
.icon-minus,
.icon-password,
.icon-edit,
.icon-save,
.icon-arrow_right,
.icon-arrow_down,
.purchases table thead th.sorting_desc .icon-sorting,
.icon-arrow_up,
.topbar-container.expanded:first-child .icon-arrow_down,
.topbar-container.expanded:first-child .purchases table thead th.sorting_desc .icon-sorting,
.purchases table thead th.sorting_desc .topbar-container.expanded:first-child .icon-sorting,
.purchases table thead th.sorting_asc .icon-sorting,
.icon-arrow_updown,
.purchases table thead th .icon-sorting,
.icon-skip,
.icon-print,
.icon-search,
.icon-checkbox,
.icon-optional,
.icon-uncheck,
.icon-check,
input[type='radio']:checked+.checkbox,
input[type='checkbox']:checked+.checkbox,
form.custom .custom.checkbox.checked,
.icon-help,
.icon-link,
.icon-unlink,
.icon-sync,
.icon-import,
.icon-restore,
.icon-on,
.icon-off,
.icon-eye,
.icon-eye-blocked,
.icon-warning,
.icon-correct,
.icon-disconnect,
.icon-connect,
.icon-list,
.icon-ellipsis,
.icon-options,
.icon-table,
.icon-language,
.icon-tilePage,
.icon-TilePage,
.icon-category,
.icon-product,
.icon-generic,
.icon-ProductPage,
.icon-dish,
.icon-composed,
.icon-menu,
.icon-cafeteria,
.icon-wine,
.icon-desert,
.icon-starter,
.icon-drink,
.icon-picture,
.icon-phone,
.icon-QR,
.icon-services,
.icon-facebook,
.social-signin.social-facebook .icon-expand,
.icon-google,
.social-signin.social-google .icon-expand,
.icon-arrow_left,
.icon-light-arrow_left,
.icon-thin-arrow_left,
.icon-thin-arrow_up,
.order-ticket .order-details .order-scrolling .order-scroll-up,
.icon-thin-arrow_right,
.icon-thin-arrow_down,
.order-ticket .order-details .order-scrolling .order-scroll-down,
.icon-logo_sign,
.icon-logo_sign_tm,
.icon-nav,
.icon-book,
.icon-thin-sync,
.icon-target,
.icon-restaurant,
.icon-hotel,
.icon-cocktail,
.icon-light-arrow_right,
.icon-content,
.icon-cafe,
.icon-light-fav,
.icon-orders,
.icon-catalog {
    font-family: 'SIMI-Icons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.icon-logout:before,
.icon-checkout:before {
    content: "\e000"
}
.icon-login:before {
    content: "\e001"
}
.icon-trash:before {
    content: "\e002"
}
.icon-cart_empty:before {
    content: "\e003"
}
.icon-cart_full:before,
.icon-store:before {
    content: "\e004"
}
.icon-cart_out:before {
    content: "\e005"
}
.icon-cart_in:before {
    content: "\e006"
}
.icon-user:before,
.icon-manager:before {
    content: "\e007"
}
.icon-god:before {
    content: "\e008"
}
.icon-admin:before,
.icon-reseller:before {
    content: "\e009"
}
.icon-users:before {
    content: "\e00a"
}
.icon-partner:before {
    content: "\e00b"
}
.icon-license:before {
    content: "\e00c"
}
.icon-insignia:before,
.icon-select_place:before {
    content: "\e00d"
}
.icon-devices:before {
    content: "\e00e"
}
.icon-products:before,
.icon-suggestions:before {
    content: "\e00f"
}
.icon-delete:before,
.icon-cancel:before {
    content: "\e010"
}
.icon-add:before,
.badge-add:before,
.tile .overlay .tile-footer .missing-lang:nth-child(3):before {
    content: "\e011"
}
.icon-minus:before {
    content: "\e012"
}
.icon-password:before {
    content: "\e013"
}
.icon-edit:before {
    content: "\e014"
}
.icon-save:before {
    content: "\e015"
}
.icon-arrow_right:before {
    content: "\e016"
}
.icon-arrow_down:before,
.purchases table thead th.sorting_desc .icon-sorting:before {
    content: "\e017"
}
.icon-arrow_up:before,
.topbar-container.expanded:first-child .icon-arrow_down:before,
.topbar-container.expanded:first-child .purchases table thead th.sorting_desc .icon-sorting:before,
.purchases table thead th.sorting_desc .topbar-container.expanded:first-child .icon-sorting:before,
.purchases table thead th.sorting_asc .icon-sorting:before {
    content: "\e018"
}
.icon-arrow_updown:before,
.purchases table thead th .icon-sorting:before {
    content: "\e019"
}
.icon-skip:before {
    content: "\e01a"
}
.icon-print:before {
    content: "\e01b"
}
.icon-search:before {
    content: "\e01c"
}
.icon-checkbox:before,
.icon-optional:before {
    content: "\e01d"
}
.icon-uncheck:before {
    content: "\e01e"
}
.icon-check:before,
input[type='radio']:checked+.checkbox:before,
input[type='checkbox']:checked+.checkbox:before,
form.custom .custom.checkbox.checked:before {
    content: "\e01f"
}
.icon-help:before {
    content: "\e020"
}
.icon-link:before {
    content: "\e021"
}
.icon-unlink:before {
    content: "\e022"
}
.icon-sync:before,
.icon-import:before {
    content: "\e023"
}
.icon-restore:before {
    content: "\e024"
}
.icon-on:before {
    content: "\e025"
}
.icon-off:before {
    content: "\e026"
}
.icon-eye:before {
    content: "\e9ce";
}
.icon-eye-blocked:before {
    content: "\e9d1";
}
.icon-warning:before {
    content: "\e027"
}
.icon-correct:before {
    content: "\e028"
}
.icon-disconnect:before {
    content: "\e029"
}
.icon-connect:before {
    content: "\e02a"
}
.icon-list:before {
    content: "\e02b"
}
.icon-ellipsis:before {
    content: "\e02c"
}
.icon-options:before {
    content: "\e02d"
}
.icon-table:before {
    content: "\e02e"
}
.icon-language:before {
    content: "\e02f"
}
.icon-tilePage:before,
.icon-TilePage:before {
    content: "\e030"
}
.icon-category:before {
    content: "\e031"
}
.icon-product:before,
.icon-generic:before,
.icon-ProductPage:before {
    content: "\e032"
}
.icon-dish:before
{
    content: "\e033";
}
.icon-composed:before {
    content: "\e9bc";
}
.icon-menu:before {
    content: "\e9b9";
}
.icon-cafeteria:before
{
    content: "\E04B";
}
.icon-wine:before
{
    content: "\e600";
}
.icon-desert:before
{
    content: "\e602";
}
.icon-starter:before
{
    content: "\e601";
}
.icon-drink:before
{
    content: "\e603";
}
.icon-picture:before {
    content: "\e034"
}
.icon-phone:before {
    content: "\e035"
}
.icon-QR:before {
    content: "\e036"
}
.icon-services:before {
    content: "\e037"
}
.icon-facebook:before,
.social-signin.social-facebook .icon-expand:before {
    content: "\e038"
}
.icon-google:before,
.social-signin.social-google .icon-expand:before {
    content: "\e039"
}
.icon-arrow_left:before {
    content: "\e03a"
}
.icon-light-arrow_left:before {
    content: "\e03b"
}
.icon-thin-arrow_left:before {
    content: "\e03c"
}
.icon-thin-arrow_up:before,
.order-ticket .order-details .order-scrolling .order-scroll-up:before {
    content: "\e03d"
}
.icon-thin-arrow_right:before {
    content: "\e03e"
}
.icon-thin-arrow_down:before,
.order-ticket .order-details .order-scrolling .order-scroll-down:before {
    content: "\e03f"
}
.icon-logo_sign:before {
    content: "\e040"
}
.icon-logo_sign_tm:before {
    content: "\e041"
}
.icon-nav:before {
    content: "\e042"
}
.icon-book:before {
    content: "\e043"
}
.icon-thin-sync:before {
    content: "\e044"
}
.icon-target:before {
    content: "\e045"
}
.icon-restaurant:before {
    content: "\e046"
}
.icon-hotel:before {
    content: "\e047"
}
.icon-cocktail:before {
    content: "\e048"
}
.icon-light-arrow_right:before {
    content: "\e049"
}
.icon-content:before {
    content: "\e04a"
}
.icon-cafe:before {
    content: "\e04b"
}
.icon-light-fav:before {
    content: "\e04c"
}
.icon-orders:before {
    content: "\e04d"
}
.icon-catalog:before {
    content: "\e04e"
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
html,
body {
    font-size: 100%
}
body {
    background: #fff;
    color: #222;
    padding: 0;
    margin: 0;
    font-family: "OpenSansRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    position: relative;
    cursor: default
}
a:hover {
    cursor: pointer
}
a:focus {
    outline: none
}
img,
object,
embed {
    max-width: 100%;
    height: auto
}
object,
embed {
    height: 100%
}
img {
    -ms-interpolation-mode: bicubic
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
    max-width: none !important
}
.left {
    float: left !important
}
.right {
    float: right !important
}
.text-left {
    text-align: left !important
}
.text-right {
    text-align: right !important
}
.text-center {
    text-align: center !important
}
.text-justify {
    text-align: justify !important
}
.hide {
    display: none
}
.antialiased {
    -webkit-font-smoothing: antialiased
}
img {
    display: inline-block;
    vertical-align: middle
}
textarea,
select {
    height: auto;
    min-height: 50px
}
select {
    width: 100%
}
.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 64em;
    *zoom: 1
}
.row:before,
.row:after {
    content: " ";
    display: table
}
.row:after {
    clear: both
}
.row.collapse .column,
.row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left
}
.row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1
}
.row .row:before,
.row .row:after {
    content: " ";
    display: table
}
.row .row:after {
    clear: both
}
.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none;
    *zoom: 1
}
.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table
}
.row .row.collapse:after {
    clear: both
}
.column,
.columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    width: 100%;
    float: left
}
@media only screen {
    .column,
    .columns {
        position: relative;
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        float: left
    }
    .small-1 {
        position: relative;
        width: 8.33333%
    }
    .small-2 {
        position: relative;
        width: 16.66667%
    }
    .small-3 {
        position: relative;
        width: 25%
    }
    .small-4 {
        position: relative;
        width: 33.33333%
    }
    .small-5 {
        position: relative;
        width: 41.66667%
    }
    .small-6 {
        position: relative;
        width: 50%
    }
    .small-7 {
        position: relative;
        width: 58.33333%
    }
    .small-8 {
        position: relative;
        width: 66.66667%
    }
    .small-9 {
        position: relative;
        width: 75%
    }
    .small-10 {
        position: relative;
        width: 83.33333%
    }
    .small-11 {
        position: relative;
        width: 91.66667%
    }
    .small-12 {
        position: relative;
        width: 100%
    }
    .small-offset-0 {
        position: relative;
        margin-left: 0%
    }
    .small-offset-1 {
        position: relative;
        margin-left: 8.33333%
    }
    .small-offset-2 {
        position: relative;
        margin-left: 16.66667%
    }
    .small-offset-3 {
        position: relative;
        margin-left: 25%
    }
    .small-offset-4 {
        position: relative;
        margin-left: 33.33333%
    }
    .small-offset-5 {
        position: relative;
        margin-left: 41.66667%
    }
    .small-offset-6 {
        position: relative;
        margin-left: 50%
    }
    .small-offset-7 {
        position: relative;
        margin-left: 58.33333%
    }
    .small-offset-8 {
        position: relative;
        margin-left: 66.66667%
    }
    .small-offset-9 {
        position: relative;
        margin-left: 75%
    }
    .small-offset-10 {
        position: relative;
        margin-left: 83.33333%
    }
    [class*="column"]+[class*="column"]:last-child {
        float: right
    }
    [class*="column"]+[class*="column"].end {
        float: left
    }
    .column.small-centered,
    .columns.small-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none !important
    }
}
@media only screen and (min-width: 767px) {
    .large-1 {
        position: relative;
        width: 8.33333%
    }
    .large-2 {
        position: relative;
        width: 16.66667%
    }
    .large-3 {
        position: relative;
        width: 25%
    }
    .large-4 {
        position: relative;
        width: 33.33333%
    }
    .large-5 {
        position: relative;
        width: 41.66667%
    }
    .large-6 {
        position: relative;
        width: 50%
    }
    .large-7 {
        position: relative;
        width: 58.33333%
    }
    .large-8 {
        position: relative;
        width: 66.66667%
    }
    .large-9 {
        position: relative;
        width: 75%
    }
    .large-10 {
        position: relative;
        width: 83.33333%
    }
    .large-11 {
        position: relative;
        width: 91.66667%
    }
    .large-12 {
        position: relative;
        width: 100%
    }
    .row .large-offset-0 {
        position: relative;
        margin-left: 0%
    }
    .row .large-offset-1 {
        position: relative;
        margin-left: 8.33333%
    }
    .row .large-offset-2 {
        position: relative;
        margin-left: 16.66667%
    }
    .row .large-offset-3 {
        position: relative;
        margin-left: 25%
    }
    .row .large-offset-4 {
        position: relative;
        margin-left: 33.33333%
    }
    .row .large-offset-5 {
        position: relative;
        margin-left: 41.66667%
    }
    .row .large-offset-6 {
        position: relative;
        margin-left: 50%
    }
    .row .large-offset-7 {
        position: relative;
        margin-left: 58.33333%
    }
    .row .large-offset-8 {
        position: relative;
        margin-left: 66.66667%
    }
    .row .large-offset-9 {
        position: relative;
        margin-left: 75%
    }
    .row .large-offset-10 {
        position: relative;
        margin-left: 83.33333%
    }
    .row .large-offset-11 {
        position: relative;
        margin-left: 91.66667%
    }
    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }
    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }
    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }
    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }
    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }
    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }
    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }
    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }
    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }
    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }
    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }
    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }
    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }
    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }
    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }
    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }
    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }
    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }
    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }
    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }
    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }
    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
    .column.large-centered,
    .columns.large-centered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        float: none !important
    }
    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left !important
    }
    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right !important
    }
}
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
    display: inherit !important
}
.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
    display: none !important
}
.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
    display: inherit !important
}
.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
    display: none !important
}
table.show-for-small,
table.show-for-medium-down,
table.show-for-large-down,
table.hide-for-medium,
table.hide-for-medium-up,
table.hide-for-large,
table.hide-for-large-up,
table.hide-for-xlarge {
    display: table
}
thead.show-for-small,
thead.show-for-medium-down,
thead.show-for-large-down,
thead.hide-for-medium,
thead.hide-for-medium-up,
thead.hide-for-large,
thead.hide-for-large-up,
thead.hide-for-xlarge {
    display: table-header-group !important
}
tbody.show-for-small,
tbody.show-for-medium-down,
tbody.show-for-large-down,
tbody.hide-for-medium,
tbody.hide-for-medium-up,
tbody.hide-for-large,
tbody.hide-for-large-up,
tbody.hide-for-xlarge {
    display: table-row-group !important
}
tr.show-for-small,
tr.show-for-medium-down,
tr.show-for-large-down,
tr.hide-for-medium,
tr.hide-for-medium-up,
tr.hide-for-large,
tr.hide-for-large-up,
tr.hide-for-xlarge {
    display: table-row !important
}
td.show-for-small,
td.show-for-medium-down,
td.show-for-large-down,
td.hide-for-medium,
td.hide-for-medium-up,
td.hide-for-large,
td.hide-for-large-up,
td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
    display: table-cell !important
}
@media only screen and (min-width: 767px) {
    .show-for-medium,
    .show-for-medium-up {
        display: inherit !important
    }
    .show-for-small {
        display: none !important
    }
    .hide-for-small {
        display: inherit !important
    }
    .hide-for-medium,
    .hide-for-medium-up {
        display: none !important
    }
    table.show-for-medium,
    table.show-for-medium-up,
    table.hide-for-small {
        display: table
    }
    thead.show-for-medium,
    thead.show-for-medium-up,
    thead.hide-for-small {
        display: table-header-group !important
    }
    tbody.show-for-medium,
    tbody.show-for-medium-up,
    tbody.hide-for-small {
        display: table-row-group !important
    }
    tr.show-for-medium,
    tr.show-for-medium-up,
    tr.hide-for-small {
        display: table-row !important
    }
    td.show-for-medium,
    td.show-for-medium-up,
    td.hide-for-small,
    th.show-for-medium,
    th.show-for-medium-up,
    th.hide-for-small {
        display: table-cell !important
    }
}
@media only screen and (min-width: 1280px) {
    .show-for-large,
    .show-for-large-up {
        display: inherit !important
    }
    .show-for-medium,
    .show-for-medium-down {
        display: none !important
    }
    .hide-for-medium,
    .hide-for-medium-down {
        display: inherit !important
    }
    .hide-for-large,
    .hide-for-large-up {
        display: none !important
    }
    table.show-for-large,
    table.show-for-large-up,
    table.hide-for-medium,
    table.hide-for-medium-down {
        display: table
    }
    thead.show-for-large,
    thead.show-for-large-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down {
        display: table-header-group !important
    }
    tbody.show-for-large,
    tbody.show-for-large-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down {
        display: table-row-group !important
    }
    tr.show-for-large,
    tr.show-for-large-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down {
        display: table-row !important
    }
    td.show-for-large,
    td.show-for-large-up,
    td.hide-for-medium,
    td.hide-for-medium-down,
    th.show-for-large,
    th.show-for-large-up,
    th.hide-for-medium,
    th.hide-for-medium-down {
        display: table-cell !important
    }
}
@media only screen and (min-width: 1440px) {
    .show-for-xlarge {
        display: inherit !important
    }
    .show-for-large,
    .show-for-large-down {
        display: none !important
    }
    .hide-for-large,
    .hide-for-large-down {
        display: inherit !important
    }
    .hide-for-xlarge {
        display: none !important
    }
    table.show-for-xlarge,
    table.hide-for-large,
    table.hide-for-large-down {
        display: table
    }
    thead.show-for-xlarge,
    thead.hide-for-large,
    thead.hide-for-large-down {
        display: table-header-group !important
    }
    tbody.show-for-xlarge,
    tbody.hide-for-large,
    tbody.hide-for-large-down {
        display: table-row-group !important
    }
    tr.show-for-xlarge,
    tr.hide-for-large,
    tr.hide-for-large-down {
        display: table-row !important
    }
    td.show-for-xlarge,
    td.hide-for-large,
    td.hide-for-large-down,
    th.show-for-xlarge,
    th.hide-for-large,
    th.hide-for-large-down {
        display: table-cell !important
    }
}
.show-for-landscape,
.hide-for-portrait {
    display: inherit !important
}
.hide-for-landscape,
.show-for-portrait {
    display: none !important
}
table.hide-for-landscape,
table.show-for-portrait {
    display: table
}
thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group !important
}
tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group !important
}
tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row !important
}
td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important
}
@media only screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
    table.show-for-landscape,
    table.hide-for-portrait {
        display: table
    }
    thead.show-for-landscape,
    thead.hide-for-portrait {
        display: table-header-group !important
    }
    tbody.show-for-landscape,
    tbody.hide-for-portrait {
        display: table-row-group !important
    }
    tr.show-for-landscape,
    tr.hide-for-portrait {
        display: table-row !important
    }
    td.show-for-landscape,
    td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell !important
    }
}
@media only screen and (orientation: portrait) {
    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important
    }
    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
    table.show-for-portrait,
    table.hide-for-landscape {
        display: table
    }
    thead.show-for-portrait,
    thead.hide-for-landscape {
        display: table-header-group !important
    }
    tbody.show-for-portrait,
    tbody.hide-for-landscape {
        display: table-row-group !important
    }
    tr.show-for-portrait,
    tr.hide-for-landscape {
        display: table-row !important
    }
    td.show-for-portrait,
    td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell !important
    }
}
.show-for-touch {
    display: none !important
}
.hide-for-touch {
    display: inherit !important
}
.touch .show-for-touch {
    display: inherit !important
}
.touch .hide-for-touch {
    display: none !important
}
table.hide-for-touch {
    display: table
}
.touch table.show-for-touch {
    display: table
}
thead.hide-for-touch {
    display: table-header-group !important
}
.touch thead.show-for-touch {
    display: table-header-group !important
}
tbody.hide-for-touch {
    display: table-row-group !important
}
.touch tbody.show-for-touch {
    display: table-row-group !important
}
tr.hide-for-touch {
    display: table-row !important
}
.touch tr.show-for-touch {
    display: table-row !important
}
td.hide-for-touch {
    display: table-cell !important
}
.touch td.show-for-touch {
    display: table-cell !important
}
th.hide-for-touch {
    display: table-cell !important
}
.touch th.show-for-touch {
    display: table-cell !important
}
@media only screen {
    [class*="block-grid-"] {
        display: block;
        padding: 0;
        margin: 0 -0.625em;
        *zoom: 1
    }
    [class*="block-grid-"]:before,
    [class*="block-grid-"]:after {
        content: " ";
        display: table
    }
    [class*="block-grid-"]:after {
        clear: both
    }
    [class*="block-grid-"]>li {
        display: inline;
        height: auto;
        float: left;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-1>li {
        width: 100%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-1>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .small-block-grid-2>li {
        width: 50%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-2>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .small-block-grid-3>li {
        width: 33.33333%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-3>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .small-block-grid-4>li {
        width: 25%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-4>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .small-block-grid-5>li {
        width: 20%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-5>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .small-block-grid-6>li {
        width: 16.66667%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-6>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .small-block-grid-7>li {
        width: 14.28571%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-7>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .small-block-grid-8>li {
        width: 12.5%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-8>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .small-block-grid-9>li {
        width: 11.11111%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-9>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .small-block-grid-10>li {
        width: 10%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-10>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .small-block-grid-11>li {
        width: 9.09091%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-11>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .small-block-grid-12>li {
        width: 8.33333%;
        padding: 0 0.625em 1.25em
    }
    .small-block-grid-12>li:nth-of-type(n) {
        clear: none
    }
    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}
@media only screen and (min-width: 767px) {
    .small-block-grid-1>li:nth-of-type(1n+1) {
        clear: none
    }
    .small-block-grid-2>li:nth-of-type(2n+1) {
        clear: none
    }
    .small-block-grid-3>li:nth-of-type(3n+1) {
        clear: none
    }
    .small-block-grid-4>li:nth-of-type(4n+1) {
        clear: none
    }
    .small-block-grid-5>li:nth-of-type(5n+1) {
        clear: none
    }
    .small-block-grid-6>li:nth-of-type(6n+1) {
        clear: none
    }
    .small-block-grid-7>li:nth-of-type(7n+1) {
        clear: none
    }
    .small-block-grid-8>li:nth-of-type(8n+1) {
        clear: none
    }
    .small-block-grid-9>li:nth-of-type(9n+1) {
        clear: none
    }
    .small-block-grid-10>li:nth-of-type(10n+1) {
        clear: none
    }
    .small-block-grid-11>li:nth-of-type(11n+1) {
        clear: none
    }
    .small-block-grid-12>li:nth-of-type(12n+1) {
        clear: none
    }
    .large-block-grid-1>li {
        width: 100%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-1>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-1>li:nth-of-type(1n+1) {
        clear: both
    }
    .large-block-grid-2>li {
        width: 50%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-2>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-2>li:nth-of-type(2n+1) {
        clear: both
    }
    .large-block-grid-3>li {
        width: 33.33333%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-3>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-3>li:nth-of-type(3n+1) {
        clear: both
    }
    .large-block-grid-4>li {
        width: 25%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-4>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-4>li:nth-of-type(4n+1) {
        clear: both
    }
    .large-block-grid-5>li {
        width: 20%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-5>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-5>li:nth-of-type(5n+1) {
        clear: both
    }
    .large-block-grid-6>li {
        width: 16.66667%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-6>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-6>li:nth-of-type(6n+1) {
        clear: both
    }
    .large-block-grid-7>li {
        width: 14.28571%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-7>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-7>li:nth-of-type(7n+1) {
        clear: both
    }
    .large-block-grid-8>li {
        width: 12.5%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-8>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-8>li:nth-of-type(8n+1) {
        clear: both
    }
    .large-block-grid-9>li {
        width: 11.11111%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-9>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-9>li:nth-of-type(9n+1) {
        clear: both
    }
    .large-block-grid-10>li {
        width: 10%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-10>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-10>li:nth-of-type(10n+1) {
        clear: both
    }
    .large-block-grid-11>li {
        width: 9.09091%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-11>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-11>li:nth-of-type(11n+1) {
        clear: both
    }
    .large-block-grid-12>li {
        width: 8.33333%;
        padding: 0 0.625em 1.25em
    }
    .large-block-grid-12>li:nth-of-type(n) {
        clear: none
    }
    .large-block-grid-12>li:nth-of-type(12n+1) {
        clear: both
    }
}
p.lead {
    font-size: 1.21875em;
    line-height: 1.6
}
.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: 300;
    margin-top: 0.2em;
    margin-bottom: 0.5em
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    direction: ltr
}
a {
    color: #00B2CA;
    text-decoration: none;
    line-height: inherit
}
a:hover,
a:focus {
    color: #007ebc
}
a img {
    border: none
}
p {
    font-family: inherit;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.25em;
    text-rendering: optimizeLegibility
}
p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "OpenSansLight", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-style: normal;
    color: #222;
    text-rendering: optimizeLegibility;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    line-height: 1.2125em
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0
}
h1 {
    font-size: 2.42676em
}
h2 {
    font-size: 1.81641em
}
h3 {
    font-size: 1.64063em
}
h4 {
    font-size: 1.25em
}
h5 {
    font-size: 1.25em
}
h6 {
    font-size: 1em
}
hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.25em 0 1.1875em;
    height: 0
}
em,
i {
    font-style: italic;
    line-height: inherit
}
strong,
b {
    font-weight: bold;
    line-height: inherit
}
small {
    font-size: 60%;
    line-height: inherit
}
code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: bold;
    color: #7f0a0c
}
ul,
ol,
dl {
    font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.25em;
    list-style-position: outside;
    font-family: inherit
}
ul,
ol {
    margin-left: 0
}
ul li ul,
ul li ol {
    margin-left: 1.25em;
    margin-bottom: 0;
    font-size: 1em
}
ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit
}
ul.square {
    list-style-type: square
}
ul.circle {
    list-style-type: circle
}
ul.disc {
    list-style-type: disc
}
ul.no-bullet {
    list-style: none
}
ol li ul,
ol li ol {
    margin-left: 1.25em;
    margin-bottom: 0
}
dl dt {
    margin-bottom: 0.3em;
    font-weight: bold
}
dl dd {
    margin-bottom: 0.75em
}
abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    border-bottom: 1px dotted #ddd;
    cursor: help
}
abbr {
    text-transform: none
}
blockquote {
    margin: 0 0 1.25em;
    padding: 0.5625em 1.25em 0 1.1875em;
    border-left: 1px solid #ddd
}
blockquote cite {
    display: block;
    font-size: 0.8125em;
    color: #555
}
blockquote cite:before {
    content: "\2014 \0020"
}
blockquote cite a,
blockquote cite a:visited {
    color: #555
}
blockquote,
blockquote p {
    line-height: 1.6;
    color: #6f6f6f
}
.vcard {
    display: inline-block;
    margin: 0 0 1.25em 0;
    border: 1px solid #ddd;
    padding: 0.625em 0.75em
}
.vcard li {
    margin: 0;
    display: block
}
.vcard .fn {
    font-weight: bold;
    font-size: 0.9375em
}
.vevent .summary {
    font-weight: bold
}
.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 0.0625em
}
@media only screen and (min-width: 767px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.4
    }
    h1 {
        font-size: 3.05176em
    }
    h2 {
        font-size: 2.44141em
    }
    h3 {
        font-size: 1.95313em
    }
    h4 {
        font-size: 1.5625em
    }
}
.print-only {
    display: none !important
}
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 0.5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .hide-on-print {
        display: none !important
    }
    .print-only {
        display: block !important
    }
    .hide-for-print {
        display: none !important
    }
    .show-for-print {
        display: inherit !important
    }
}
button,
.button,
.call-to-action {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.75em;
    padding-right: 1.5em;
    padding-bottom: 0.8125em;
    padding-left: 1.5em;
    font-size: 1em;
    background-color: #00B2CA;
    border-color: #006da2;
    color: #fff
}
button:hover,
button:focus,
.button:hover,
.call-to-action:hover,
.button:focus,
.call-to-action:focus {
    background-color: #006da2
}
button:hover,
button:focus,
.button:hover,
.call-to-action:hover,
.button:focus,
.call-to-action:focus {
    color: #fff
}
button.secondary,
.button.secondary,
.secondary.call-to-action {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.secondary.call-to-action:hover,
.button.secondary:focus,
.secondary.call-to-action:focus {
    background-color: #d0d0d0
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.secondary.call-to-action:hover,
.button.secondary:focus,
.secondary.call-to-action:focus {
    color: #333
}
button.success,
.button.success,
.success.call-to-action {
    background-color: #5da423;
    border-color: #457a1a;
    color: #fff
}
button.success:hover,
button.success:focus,
.button.success:hover,
.success.call-to-action:hover,
.button.success:focus,
.success.call-to-action:focus {
    background-color: #457a1a
}
button.success:hover,
button.success:focus,
.button.success:hover,
.success.call-to-action:hover,
.button.success:focus,
.success.call-to-action:focus {
    color: #fff
}
button.alert,
.button.alert,
.alert.call-to-action {
    background-color: #c60f13;
    border-color: #970b0e;
    color: #fff
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.alert.call-to-action:hover,
.button.alert:focus,
.alert.call-to-action:focus {
    background-color: #970b0e
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.alert.call-to-action:hover,
.button.alert:focus,
.alert.call-to-action:focus {
    color: #fff
}
button.large,
.order-ticket .order-footer button.order-reject,
.order-ticket .order-footer button.status-5,
.order-ticket .order-footer button.order-confirm,
.order-ticket .order-footer button.status-1,
.order-ticket .order-footer button.status-4,
.order-ticket .order-footer button.status-2,
.button.large,
.large.call-to-action,
.order-ticket .order-footer .call-to-action.order-reject,
.order-ticket .order-footer .call-to-action.status-5,
.order-ticket .order-footer .call-to-action.order-confirm,
.order-ticket .order-footer .call-to-action.status-1,
.order-ticket .order-footer .call-to-action.status-4,
.order-ticket .order-footer .call-to-action.status-2,
.order-ticket .order-footer .button.order-reject,
.order-ticket .order-footer .button.status-5,
.order-ticket .order-footer .button.order-confirm,
.order-ticket .order-footer .button.status-1,
.order-ticket .order-footer .button.status-4,
.order-ticket .order-footer .button.status-2 {
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1.0625em;
    padding-left: 2em;
    font-size: 1.25em
}
button.small,
.button.small,
.small.call-to-action {
    padding-top: 0.5625em;
    padding-right: 1.125em;
    padding-bottom: 0.625em;
    padding-left: 1.125em;
    font-size: 0.8125em
}
button.tiny,
.switch-container button.switch,
.button.tiny,
.tiny.call-to-action,
.switch-container .call-to-action.switch,
.switch-container .button.switch {
    padding-top: 0.4375em;
    padding-right: 0.875em;
    padding-bottom: 0.5em;
    padding-left: 0.875em;
    font-size: 0.6875em
}
button.expand,
.button.expand,
.expand.call-to-action {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
}
button.left-align,
.button.left-align,
.left-align.call-to-action {
    text-align: left;
    text-indent: 0.75em
}
button.right-align,
.button.right-align,
.right-align.call-to-action {
    text-align: right;
    padding-right: 0.75em
}
button.disabled,
button[disabled],
.button.disabled,
.disabled.call-to-action,
.button[disabled],
[disabled].call-to-action {
    background-color: #00B2CA;
    border-color: #006da2;
    color: #fff;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.disabled.call-to-action:hover,
.button.disabled:focus,
.disabled.call-to-action:focus,
.button[disabled]:hover,
[disabled].call-to-action:hover,
.button[disabled]:focus,
[disabled].call-to-action:focus {
    background-color: #006da2
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.disabled.call-to-action:hover,
.button.disabled:focus,
.disabled.call-to-action:focus,
.button[disabled]:hover,
[disabled].call-to-action:hover,
.button[disabled]:focus,
[disabled].call-to-action:focus {
    color: #fff
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.disabled.call-to-action:hover,
.button.disabled:focus,
.disabled.call-to-action:focus,
.button[disabled]:hover,
[disabled].call-to-action:hover,
.button[disabled]:focus,
[disabled].call-to-action:focus {
    background-color: #00B2CA
}
button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.disabled.secondary.call-to-action,
.button[disabled].secondary,
[disabled].secondary.call-to-action {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.disabled.secondary.call-to-action:hover,
.button.disabled.secondary:focus,
.disabled.secondary.call-to-action:focus,
.button[disabled].secondary:hover,
[disabled].secondary.call-to-action:hover,
.button[disabled].secondary:focus,
[disabled].secondary.call-to-action:focus {
    background-color: #d0d0d0
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.disabled.secondary.call-to-action:hover,
.button.disabled.secondary:focus,
.disabled.secondary.call-to-action:focus,
.button[disabled].secondary:hover,
[disabled].secondary.call-to-action:hover,
.button[disabled].secondary:focus,
[disabled].secondary.call-to-action:focus {
    color: #333
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.disabled.secondary.call-to-action:hover,
.button.disabled.secondary:focus,
.disabled.secondary.call-to-action:focus,
.button[disabled].secondary:hover,
[disabled].secondary.call-to-action:hover,
.button[disabled].secondary:focus,
[disabled].secondary.call-to-action:focus {
    background-color: #e9e9e9
}
button.disabled.success,
button[disabled].success,
.button.disabled.success,
.disabled.success.call-to-action,
.button[disabled].success,
[disabled].success.call-to-action {
    background-color: #5da423;
    border-color: #457a1a;
    color: #fff;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.disabled.success.call-to-action:hover,
.button.disabled.success:focus,
.disabled.success.call-to-action:focus,
.button[disabled].success:hover,
[disabled].success.call-to-action:hover,
.button[disabled].success:focus,
[disabled].success.call-to-action:focus {
    background-color: #457a1a
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.disabled.success.call-to-action:hover,
.button.disabled.success:focus,
.disabled.success.call-to-action:focus,
.button[disabled].success:hover,
[disabled].success.call-to-action:hover,
.button[disabled].success:focus,
[disabled].success.call-to-action:focus {
    color: #fff
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.disabled.success.call-to-action:hover,
.button.disabled.success:focus,
.disabled.success.call-to-action:focus,
.button[disabled].success:hover,
[disabled].success.call-to-action:hover,
.button[disabled].success:focus,
[disabled].success.call-to-action:focus {
    background-color: #5da423
}
button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.disabled.alert.call-to-action,
.button[disabled].alert,
[disabled].alert.call-to-action {
    background-color: #c60f13;
    border-color: #970b0e;
    color: #fff;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.disabled.alert.call-to-action:hover,
.button.disabled.alert:focus,
.disabled.alert.call-to-action:focus,
.button[disabled].alert:hover,
[disabled].alert.call-to-action:hover,
.button[disabled].alert:focus,
[disabled].alert.call-to-action:focus {
    background-color: #970b0e
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.disabled.alert.call-to-action:hover,
.button.disabled.alert:focus,
.disabled.alert.call-to-action:focus,
.button[disabled].alert:hover,
[disabled].alert.call-to-action:hover,
.button[disabled].alert:focus,
[disabled].alert.call-to-action:focus {
    color: #fff
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.disabled.alert.call-to-action:hover,
.button.disabled.alert:focus,
.disabled.alert.call-to-action:focus,
.button[disabled].alert:hover,
[disabled].alert.call-to-action:hover,
.button[disabled].alert:focus,
[disabled].alert.call-to-action:focus {
    background-color: #c60f13
}
button,
.button,
.call-to-action {
    padding-top: 0.8125em;
    padding-bottom: 0.75em;
    -webkit-appearance: none
}
button.tiny,
.switch-container button.switch,
.button.tiny,
.tiny.call-to-action,
.switch-container .call-to-action.switch,
.switch-container .button.switch {
    padding-top: 0.5em;
    padding-bottom: 0.4375em;
    -webkit-appearance: none
}
button.small,
.button.small,
.small.call-to-action {
    padding-top: 0.625em;
    padding-bottom: 0.5625em;
    -webkit-appearance: none
}
button.large,
.order-ticket .order-footer button.order-reject,
.order-ticket .order-footer button.status-5,
.order-ticket .order-footer button.order-confirm,
.order-ticket .order-footer button.status-1,
.order-ticket .order-footer button.status-4,
.order-ticket .order-footer button.status-2,
.button.large,
.large.call-to-action,
.order-ticket .order-footer .call-to-action.order-reject,
.order-ticket .order-footer .call-to-action.status-5,
.order-ticket .order-footer .call-to-action.order-confirm,
.order-ticket .order-footer .call-to-action.status-1,
.order-ticket .order-footer .call-to-action.status-4,
.order-ticket .order-footer .call-to-action.status-2,
.order-ticket .order-footer .button.order-reject,
.order-ticket .order-footer .button.status-5,
.order-ticket .order-footer .button.order-confirm,
.order-ticket .order-footer .button.status-1,
.order-ticket .order-footer .button.status-4,
.order-ticket .order-footer .button.status-2 {
    padding-top: 1.03125em;
    padding-bottom: 1.03125em;
    -webkit-appearance: none
}
@media only screen {
    button,
    .button,
    .call-to-action {
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        -webkit-transition: background-color 300ms ease-out;
        -moz-transition: background-color 300ms ease-out;
        transition: background-color 300ms ease-out
    }
    button:active,
    .button:active,
    .call-to-action:active {
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset
    }
    button.radius,
    .button.radius,
    .radius.call-to-action {
        -webkit-border-radius: 3px;
        border-radius: 3px
    }
    button.round,
    .button.round,
    .round.call-to-action {
        -webkit-border-radius: 1000px;
        border-radius: 1000px
    }
}
@media only screen and (min-width: 767px) {
    button,
    .button,
    .call-to-action {
        display: inline-block
    }
}
form {
    margin: 0 0 1em
}
form .row .row {
    margin: 0 -0.5em
}
form .row .row .column,
form .row .row .columns {
    padding: 0 0.5em
}
form .row .row.collapse {
    margin: 0
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row select.column,
form .row textarea.columns,
form .row select.columns {
    padding-left: 0.5em
}
label {
    font-size: 0.875em;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin-bottom: 0.1875em
}
label.right {
    float: none;
    text-align: right
}
label.inline {
    margin: 0 0 1em 0;
    padding: 0.625em 0
}
.prefix,
.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    font-size: 0.875em;
    height: 2.3125em;
    line-height: 2.3125em
}
.postfix.button,
.postfix.call-to-action {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.125em
}
.prefix.button,
.prefix.call-to-action {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.125em
}
.prefix.button.radius,
.prefix.radius.call-to-action {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
.postfix.button.radius,
.postfix.radius.call-to-action {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.prefix.button.round,
.prefix.round.call-to-action {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}
.postfix.button.round,
.postfix.round.call-to-action {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}
span.prefix {
    background: #f2f2f2;
    border-color: #d9d9d9;
    border-right: none;
    color: #333
}
span.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
span.postfix {
    background: #f2f2f2;
    border-color: #ccc;
    border-left: none;
    color: #333
}
span.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.input-group.radius>*:first-child,
.input-group.radius>*:first-child * {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
.input-group.radius>*:last-child,
.input-group.radius>*:last-child * {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.input-group.round>*:first-child,
.input-group.round>*:first-child * {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}
.input-group.round>*:last-child,
.input-group.round>*:last-child * {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875em;
    margin: 0 0 1em 0;
    padding: 0.5em;
    height: 2.375em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
    background: #fafafa;
    border-color: #999;
    outline: none
}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled],
select[disabled] {
    background-color: #ddd
}
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 1em 0
}
input[type="file"] {
    width: 100%
}
fieldset {
    border: solid 1px #ddd;
    padding: 1.25em;
    margin: 1.125em 0
}
fieldset legend {
    font-weight: bold;
    background: #fff;
    padding: 0 0.1875em;
    margin: 0;
    margin-left: -0.1875em
}
.error input,
input.error,
.error textarea,
.error select,
textarea.error,
select.error {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1)
}
.error input:focus,
input.error:focus,
.error textarea:focus,
.error select:focus,
textarea.error:focus,
select.error:focus {
    background: #fafafa;
    border-color: #999
}
.error label,
label.error {
    color: #c60f13
}
.error small,
small.error {
    display: block;
    padding: 0.375em 0.25em;
    margin-top: -1.3125em;
    margin-bottom: 1em;
    font-size: 0.75em;
    font-weight: bold;
    background: #c60f13;
    color: #fff
}
.button-group {
    list-style: none;
    margin: 0;
    *zoom: 1
}
.button-group:before,
.button-group:after {
    content: " ";
    display: table
}
.button-group:after {
    clear: both
}
.button-group>* {
    margin: 0 0 0 -1px;
    float: left
}
.button-group>*:first-child {
    margin-left: 0
}
.button-group.radius>*:first-child,
.button-group.radius>*:first-child>a,
.button-group.radius>*:first-child>button,
.button-group.radius>*:first-child>.button,
.button-group.radius>*:first-child>.call-to-action {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}
.button-group.radius>*:last-child,
.button-group.radius>*:last-child>a,
.button-group.radius>*:last-child>button,
.button-group.radius>*:last-child>.button,
.button-group.radius>*:last-child>.call-to-action {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.button-group.round>*:first-child,
.button-group.round>*:first-child>a,
.button-group.round>*:first-child>button,
.button-group.round>*:first-child>.button,
.button-group.round>*:first-child>.call-to-action {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px
}
.button-group.round>*:last-child,
.button-group.round>*:last-child>a,
.button-group.round>*:last-child>button,
.button-group.round>*:last-child>.button,
.button-group.round>*:last-child>.call-to-action {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}
.button-group.even-2 li {
    width: 50%
}
.button-group.even-2 li button,
.button-group.even-2 li .button,
.button-group.even-2 li .call-to-action {
    width: 100%
}
.button-group.even-3 li {
    width: 33.33333%
}
.button-group.even-3 li button,
.button-group.even-3 li .button,
.button-group.even-3 li .call-to-action {
    width: 100%
}
.button-group.even-4 li {
    width: 25%
}
.button-group.even-4 li button,
.button-group.even-4 li .button,
.button-group.even-4 li .call-to-action {
    width: 100%
}
.button-group.even-5 li {
    width: 20%
}
.button-group.even-5 li button,
.button-group.even-5 li .button,
.button-group.even-5 li .call-to-action {
    width: 100%
}
.button-group.even-6 li {
    width: 16.66667%
}
.button-group.even-6 li button,
.button-group.even-6 li .button,
.button-group.even-6 li .call-to-action {
    width: 100%
}
.button-group.even-7 li {
    width: 14.28571%
}
.button-group.even-7 li button,
.button-group.even-7 li .button,
.button-group.even-7 li .call-to-action {
    width: 100%
}
.button-group.even-8 li {
    width: 12.5%
}
.button-group.even-8 li button,
.button-group.even-8 li .button,
.button-group.even-8 li .call-to-action {
    width: 100%
}
.button-bar {
    *zoom: 1
}
.button-bar:before,
.button-bar:after {
    content: " ";
    display: table
}
.button-bar:after {
    clear: both
}
.button-bar .button-group {
    float: left;
    margin-right: 0.625em
}
.button-bar .button-group div {
    overflow: hidden
}
.dropdown.button,
.dropdown.call-to-action {
    position: relative;
    padding-right: 3.1875em
}
.dropdown.button:before,
.dropdown.call-to-action:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    top: 50%
}
.dropdown.button:before,
.dropdown.call-to-action:before {
    border-width: 0.5625em;
    right: 1.5em;
    margin-top: -0.25em
}
.dropdown.button:before,
.dropdown.call-to-action:before {
    border-color: #fff transparent transparent transparent
}
.dropdown.button.tiny,
.dropdown.tiny.call-to-action,
.switch-container .dropdown.call-to-action.switch,
.switch-container .dropdown.button.switch {
    padding-right: 2.1875em
}
.dropdown.button.tiny:before,
.dropdown.tiny.call-to-action:before,
.switch-container .dropdown.call-to-action.switch:before,
.switch-container .dropdown.button.switch:before {
    border-width: 0.4375em;
    right: 0.875em;
    margin-top: -0.15625em
}
.dropdown.button.tiny:before,
.dropdown.tiny.call-to-action:before,
.switch-container .dropdown.call-to-action.switch:before,
.switch-container .dropdown.button.switch:before {
    border-color: #fff transparent transparent transparent
}
.dropdown.button.small,
.dropdown.small.call-to-action {
    padding-right: 2.8125em
}
.dropdown.button.small:before,
.dropdown.small.call-to-action:before {
    border-width: 0.5625em;
    right: 1.125em;
    margin-top: -0.21875em
}
.dropdown.button.small:before,
.dropdown.small.call-to-action:before {
    border-color: #fff transparent transparent transparent
}
.dropdown.button.large,
.dropdown.large.call-to-action,
.order-ticket .order-footer .dropdown.call-to-action.order-reject,
.order-ticket .order-footer .dropdown.call-to-action.status-5,
.order-ticket .order-footer .dropdown.call-to-action.order-confirm,
.order-ticket .order-footer .dropdown.call-to-action.status-1,
.order-ticket .order-footer .dropdown.call-to-action.status-4,
.order-ticket .order-footer .dropdown.call-to-action.status-2,
.order-ticket .order-footer .dropdown.button.order-reject,
.order-ticket .order-footer .dropdown.button.status-5,
.order-ticket .order-footer .dropdown.button.order-confirm,
.order-ticket .order-footer .dropdown.button.status-1,
.order-ticket .order-footer .dropdown.button.status-4,
.order-ticket .order-footer .dropdown.button.status-2 {
    padding-right: 4em
}
.dropdown.button.large:before,
.dropdown.large.call-to-action:before,
.order-ticket .order-footer .dropdown.call-to-action.order-reject:before,
.order-ticket .order-footer .dropdown.call-to-action.status-5:before,
.order-ticket .order-footer .dropdown.call-to-action.order-confirm:before,
.order-ticket .order-footer .dropdown.call-to-action.status-1:before,
.order-ticket .order-footer .dropdown.call-to-action.status-4:before,
.order-ticket .order-footer .dropdown.call-to-action.status-2:before,
.order-ticket .order-footer .dropdown.button.order-reject:before,
.order-ticket .order-footer .dropdown.button.status-5:before,
.order-ticket .order-footer .dropdown.button.order-confirm:before,
.order-ticket .order-footer .dropdown.button.status-1:before,
.order-ticket .order-footer .dropdown.button.status-4:before,
.order-ticket .order-footer .dropdown.button.status-2:before {
    border-width: 0.625em;
    right: 1.75em;
    margin-top: -0.3125em
}
.dropdown.button.large:before,
.dropdown.large.call-to-action:before,
.order-ticket .order-footer .dropdown.call-to-action.order-reject:before,
.order-ticket .order-footer .dropdown.call-to-action.status-5:before,
.order-ticket .order-footer .dropdown.call-to-action.order-confirm:before,
.order-ticket .order-footer .dropdown.call-to-action.status-1:before,
.order-ticket .order-footer .dropdown.call-to-action.status-4:before,
.order-ticket .order-footer .dropdown.call-to-action.status-2:before,
.order-ticket .order-footer .dropdown.button.order-reject:before,
.order-ticket .order-footer .dropdown.button.status-5:before,
.order-ticket .order-footer .dropdown.button.order-confirm:before,
.order-ticket .order-footer .dropdown.button.status-1:before,
.order-ticket .order-footer .dropdown.button.status-4:before,
.order-ticket .order-footer .dropdown.button.status-2:before {
    border-color: #fff transparent transparent transparent
}
.dropdown.button.secondary:before,
.dropdown.secondary.call-to-action:before {
    border-color: #333 transparent transparent transparent
}
.section-container,
.section-container.auto {
    width: 100%;
    display: block;
    margin-bottom: 1.25em;
    border: 1px solid #ccc;
    border-top: none
}
.section-container>section,
.section-container>.section,
.section-container.auto>section,
.section-container.auto>.section {
    position: relative
}
.section-container>section>.title,
.section-container>.section>.title,
.section-container.auto>section>.title,
.section-container.auto>.section>.title {
    background-color: #efefef;
    cursor: pointer;
    margin-bottom: 0
}
.section-container>section>.title a,
.section-container>.section>.title a,
.section-container.auto>section>.title a,
.section-container.auto>.section>.title a {
    padding: 0.9375em;
    display: inline-block;
    color: #333;
    font-size: 0.875em;
    white-space: nowrap
}
.section-container>section>.title:hover,
.section-container>.section>.title:hover,
.section-container.auto>section>.title:hover,
.section-container.auto>.section>.title:hover {
    background-color: #e2e2e2
}
.section-container>section .content,
.section-container>.section .content,
.section-container.auto>section .content,
.section-container.auto>.section .content {
    display: none;
    padding: 0.9375em;
    background-color: #fff
}
.section-container>section .content>*:last-child,
.section-container>.section .content>*:last-child,
.section-container.auto>section .content>*:last-child,
.section-container.auto>.section .content>*:last-child {
    margin-bottom: 0
}
.section-container>section .content>*:first-child,
.section-container>.section .content>*:first-child,
.section-container.auto>section .content>*:first-child,
.section-container.auto>.section .content>*:first-child {
    padding-top: 0
}
.section-container>section .content>*:last-child:not(.flex-video),
.section-container>.section .content>*:last-child:not(.flex-video),
.section-container.auto>section .content>*:last-child:not(.flex-video),
.section-container.auto>.section .content>*:last-child:not(.flex-video) {
    padding-bottom: 0
}
.section-container>section.active>.content,
.section-container>.section.active>.content,
.section-container.auto>section.active>.content,
.section-container.auto>.section.active>.content {
    display: block
}
.section-container>section.active>.title,
.section-container>.section.active>.title,
.section-container.auto>section.active>.title,
.section-container.auto>.section.active>.title {
    background: #d5d5d5
}
.section-container>section.active>.title a,
.section-container>.section.active>.title a,
.section-container.auto>section.active>.title a,
.section-container.auto>.section.active>.title a {
    color: #333
}
.section-container>section>.title,
.section-container>.section>.title,
.section-container.auto>section>.title,
.section-container.auto>.section>.title {
    top: 0;
    width: 100%;
    margin: 0;
    border-top: solid 1px #ccc
}
.section-container>section>.title a,
.section-container>.section>.title a,
.section-container.auto>section>.title a,
.section-container.auto>.section>.title a {
    width: 100%
}
.section-container.tabs {
    border: 0;
    position: relative
}
.section-container.tabs>section,
.section-container.tabs>.section {
    border: 0;
    position: static
}
.section-container.tabs>section>.title,
.section-container.tabs>.section>.title {
    background-color: #efefef;
    cursor: pointer;
    margin-bottom: 0
}
.section-container.tabs>section>.title a,
.section-container.tabs>.section>.title a {
    padding: 0.9375em;
    display: inline-block;
    color: #333;
    font-size: 0.875em;
    white-space: nowrap
}
.section-container.tabs>section>.title:hover,
.section-container.tabs>.section>.title:hover {
    background-color: #e2e2e2
}
.section-container.tabs>section .content,
.section-container.tabs>.section .content {
    display: none;
    padding: 0.9375em;
    background-color: #fff
}
.section-container.tabs>section .content>*:last-child,
.section-container.tabs>.section .content>*:last-child {
    margin-bottom: 0
}
.section-container.tabs>section .content>*:first-child,
.section-container.tabs>.section .content>*:first-child {
    padding-top: 0
}
.section-container.tabs>section .content>*:last-child:not(.flex-video),
.section-container.tabs>.section .content>*:last-child:not(.flex-video) {
    padding-bottom: 0
}
.section-container.tabs>section.active>.content,
.section-container.tabs>.section.active>.content {
    display: block
}
.section-container.tabs>section.active>.title,
.section-container.tabs>.section.active>.title {
    background: #fff
}
.section-container.tabs>section.active>.title a,
.section-container.tabs>.section.active>.title a {
    color: #333
}
.section-container.tabs>section>.title,
.section-container.tabs>.section>.title {
    width: auto;
    border: solid 1px #ccc;
    border-right: 0;
    border-bottom: 0;
    position: absolute;
    top: 0;
    z-index: 1
}
.section-container.tabs>section>.title a,
.section-container.tabs>.section>.title a {
    width: 100%
}
.section-container.tabs>section:last-child .title,
.section-container.tabs>.section:last-child .title {
    border-right: solid 1px #ccc
}
.section-container.tabs>section .content,
.section-container.tabs>.section .content {
    border: solid 1px #ccc;
    position: absolute;
    z-index: 10;
    display: none;
    top: -1px
}
.section-container.tabs>section.active>.title,
.section-container.tabs>.section.active>.title {
    z-index: 11;
    border-bottom: 0;
    background-color: #fff
}
.section-container.tabs>section.active>.content,
.section-container.tabs>.section.active>.content {
    position: relative
}
@media only screen and (min-width: 767px) {
    .section-container.auto {
        border: 0;
        position: relative
    }
    .section-container.auto>section,
    .section-container.auto>.section {
        border: 0;
        position: static
    }
    .section-container.auto>section>.title,
    .section-container.auto>.section>.title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0
    }
    .section-container.auto>section>.title a,
    .section-container.auto>.section>.title a {
        padding: 0.9375em;
        display: inline-block;
        color: #333;
        font-size: 0.875em;
        white-space: nowrap
    }
    .section-container.auto>section>.title:hover,
    .section-container.auto>.section>.title:hover {
        background-color: #e2e2e2
    }
    .section-container.auto>section .content,
    .section-container.auto>.section .content {
        display: none;
        padding: 0.9375em;
        background-color: #fff
    }
    .section-container.auto>section .content>*:last-child,
    .section-container.auto>.section .content>*:last-child {
        margin-bottom: 0
    }
    .section-container.auto>section .content>*:first-child,
    .section-container.auto>.section .content>*:first-child {
        padding-top: 0
    }
    .section-container.auto>section .content>*:last-child:not(.flex-video),
    .section-container.auto>.section .content>*:last-child:not(.flex-video) {
        padding-bottom: 0
    }
    .section-container.auto>section.active>.content,
    .section-container.auto>.section.active>.content {
        display: block
    }
    .section-container.auto>section.active>.title,
    .section-container.auto>.section.active>.title {
        background: #fff
    }
    .section-container.auto>section.active>.title a,
    .section-container.auto>.section.active>.title a {
        color: #333
    }
    .section-container.auto>section>.title,
    .section-container.auto>.section>.title {
        width: auto;
        border: solid 1px #ccc;
        border-right: 0;
        border-bottom: 0;
        position: absolute;
        top: 0;
        z-index: 1
    }
    .section-container.auto>section>.title a,
    .section-container.auto>.section>.title a {
        width: 100%
    }
    .section-container.auto>section:last-child .title,
    .section-container.auto>.section:last-child .title {
        border-right: solid 1px #ccc
    }
    .section-container.auto>section .content,
    .section-container.auto>.section .content {
        border: solid 1px #ccc;
        position: absolute;
        z-index: 10;
        display: none;
        top: -1px
    }
    .section-container.auto>section.active>.title,
    .section-container.auto>.section.active>.title {
        z-index: 11;
        border-bottom: 0;
        background-color: #fff
    }
    .section-container.auto>section.active>.content,
    .section-container.auto>.section.active>.content {
        position: relative
    }
    .section-container.accordion .section {
        padding-top: 0 !important
    }
    .section-container.vertical-tabs {
        border: 1px solid #ccc;
        position: relative
    }
    .section-container.vertical-tabs section,
    .section-container.vertical-tabs .section {
        padding-top: 0 !important;
        border: 0;
        position: static
    }
    .section-container.vertical-tabs section>.title,
    .section-container.vertical-tabs .section>.title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0
    }
    .section-container.vertical-tabs section>.title a,
    .section-container.vertical-tabs .section>.title a {
        padding: 0.9375em;
        display: inline-block;
        color: #333;
        font-size: 0.875em;
        white-space: nowrap
    }
    .section-container.vertical-tabs section>.title:hover,
    .section-container.vertical-tabs .section>.title:hover {
        background-color: #e2e2e2
    }
    .section-container.vertical-tabs section .content,
    .section-container.vertical-tabs .section .content {
        display: none;
        padding: 0.9375em;
        background-color: #fff
    }
    .section-container.vertical-tabs section .content>*:last-child,
    .section-container.vertical-tabs .section .content>*:last-child {
        margin-bottom: 0
    }
    .section-container.vertical-tabs section .content>*:first-child,
    .section-container.vertical-tabs .section .content>*:first-child {
        padding-top: 0
    }
    .section-container.vertical-tabs section .content>*:last-child:not(.flex-video),
    .section-container.vertical-tabs .section .content>*:last-child:not(.flex-video) {
        padding-bottom: 0
    }
    .section-container.vertical-tabs section.active>.content,
    .section-container.vertical-tabs .section.active>.content {
        display: block
    }
    .section-container.vertical-tabs section.active>.title,
    .section-container.vertical-tabs .section.active>.title {
        background: #d5d5d5
    }
    .section-container.vertical-tabs section.active>.title a,
    .section-container.vertical-tabs .section.active>.title a {
        color: #333
    }
    .section-container.vertical-tabs section>.title,
    .section-container.vertical-tabs .section>.title {
        position: absolute;
        border-top: solid 1px #ccc;
        width: 12.5em
    }
    .section-container.vertical-tabs section:first-child .title,
    .section-container.vertical-tabs .section:first-child .title {
        border-top: 0
    }
    .section-container.vertical-tabs section .content,
    .section-container.vertical-tabs .section .content {
        display: block;
        position: relative;
        left: 12.5em;
        border-left: solid 1px #ccc;
        z-index: 10
    }
    .section-container.vertical-tabs section.active>.title,
    .section-container.vertical-tabs .section.active>.title {
        background-color: #d5d5d5;
        width: 12.5625em;
        border-right: solid 0 transparent;
        z-index: 11
    }
    .section-container.vertical-tabs section.active:last-child .title,
    .section-container.vertical-tabs .section.active:last-child .title {
        border-bottom: 0
    }
    .section-container.vertical-nav {
        border: 0;
        position: relative
    }
    .section-container.vertical-nav>section,
    .section-container.vertical-nav>.section {
        padding-top: 0 !important;
        position: relative
    }
    .section-container.vertical-nav>section>.title,
    .section-container.vertical-nav>.section>.title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0
    }
    .section-container.vertical-nav>section>.title a,
    .section-container.vertical-nav>.section>.title a {
        padding: 0.9375em;
        display: inline-block;
        color: #333;
        font-size: 0.875em;
        white-space: nowrap
    }
    .section-container.vertical-nav>section>.title:hover,
    .section-container.vertical-nav>.section>.title:hover {
        background-color: #e2e2e2
    }
    .section-container.vertical-nav>section .content,
    .section-container.vertical-nav>.section .content {
        display: none;
        padding: 0.9375em;
        background-color: #fff
    }
    .section-container.vertical-nav>section .content>*:last-child,
    .section-container.vertical-nav>.section .content>*:last-child {
        margin-bottom: 0
    }
    .section-container.vertical-nav>section .content>*:first-child,
    .section-container.vertical-nav>.section .content>*:first-child {
        padding-top: 0
    }
    .section-container.vertical-nav>section .content>*:last-child:not(.flex-video),
    .section-container.vertical-nav>.section .content>*:last-child:not(.flex-video) {
        padding-bottom: 0
    }
    .section-container.vertical-nav>section.active>.content,
    .section-container.vertical-nav>.section.active>.content {
        display: block
    }
    .section-container.vertical-nav>section.active>.title,
    .section-container.vertical-nav>.section.active>.title {
        background: #d5d5d5
    }
    .section-container.vertical-nav>section.active>.title a,
    .section-container.vertical-nav>.section.active>.title a {
        color: #333
    }
    .section-container.vertical-nav>section>.title,
    .section-container.vertical-nav>.section>.title {
        border-top: none;
        border: solid 1px #ccc
    }
    .section-container.vertical-nav>section>.title a,
    .section-container.vertical-nav>.section>.title a {
        display: block;
        width: 100%
    }
    .section-container.vertical-nav>section .content,
    .section-container.vertical-nav>.section .content {
        display: none
    }
    .section-container.vertical-nav>section:first-child .title,
    .section-container.vertical-nav>.section:first-child .title {
        border-bottom: none
    }
    .section-container.vertical-nav>section.active>.content,
    .section-container.vertical-nav>.section.active>.content {
        display: block;
        position: absolute;
        left: 100%;
        top: 0px;
        z-index: 999;
        min-width: 12.5em;
        border: solid 1px #ccc
    }
    .section-container.horizontal-nav {
        position: relative;
        background: #efefef;
        border: 1px solid #ccc
    }
    .section-container.horizontal-nav>section,
    .section-container.horizontal-nav>.section {
        padding-top: 0;
        border: 0;
        position: static
    }
    .section-container.horizontal-nav>section>.title,
    .section-container.horizontal-nav>.section>.title {
        background-color: #efefef;
        cursor: pointer;
        margin-bottom: 0
    }
    .section-container.horizontal-nav>section>.title a,
    .section-container.horizontal-nav>.section>.title a {
        padding: 0.9375em;
        display: inline-block;
        color: #333;
        font-size: 0.875em;
        white-space: nowrap
    }
    .section-container.horizontal-nav>section>.title:hover,
    .section-container.horizontal-nav>.section>.title:hover {
        background-color: #e2e2e2
    }
    .section-container.horizontal-nav>section .content,
    .section-container.horizontal-nav>.section .content {
        display: none;
        padding: 0.9375em;
        background-color: #fff
    }
    .section-container.horizontal-nav>section .content>*:last-child,
    .section-container.horizontal-nav>.section .content>*:last-child {
        margin-bottom: 0
    }
    .section-container.horizontal-nav>section .content>*:first-child,
    .section-container.horizontal-nav>.section .content>*:first-child {
        padding-top: 0
    }
    .section-container.horizontal-nav>section .content>*:last-child:not(.flex-video),
    .section-container.horizontal-nav>.section .content>*:last-child:not(.flex-video) {
        padding-bottom: 0
    }
    .section-container.horizontal-nav>section.active>.content,
    .section-container.horizontal-nav>.section.active>.content {
        display: block
    }
    .section-container.horizontal-nav>section.active>.title,
    .section-container.horizontal-nav>.section.active>.title {
        background: #d5d5d5
    }
    .section-container.horizontal-nav>section.active>.title a,
    .section-container.horizontal-nav>.section.active>.title a {
        color: #333
    }
    .section-container.horizontal-nav>section>.title,
    .section-container.horizontal-nav>.section>.title {
        width: auto;
        border: solid 1px #ccc;
        border-left: 0;
        top: -1px;
        position: absolute;
        z-index: 1
    }
    .section-container.horizontal-nav>section>.title a,
    .section-container.horizontal-nav>.section>.title a {
        width: 100%
    }
    .section-container.horizontal-nav>section .content,
    .section-container.horizontal-nav>.section .content {
        display: none
    }
    .section-container.horizontal-nav>section.active>.content,
    .section-container.horizontal-nav>.section.active>.content {
        display: block;
        position: absolute;
        z-index: 999;
        left: 0;
        top: -2px;
        min-width: 12.5em;
        border: solid 1px #ccc
    }
}
.no-js .section-container.auto,
.no-js .section-container.accordion,
.no-js .section-container.tabs,
.no-js .section-container.vertical-tabs,
.no-js .section-container.vertical-nav,
.no-js .section-container.horizontal-nav {
    width: 100%;
    display: block;
    margin-bottom: 1.25em;
    border: 1px solid #ccc;
    border-top: none
}
.no-js .section-container.auto>section,
.no-js .section-container.auto>.section,
.no-js .section-container.accordion>section,
.no-js .section-container.accordion>.section,
.no-js .section-container.tabs>section,
.no-js .section-container.tabs>.section,
.no-js .section-container.vertical-tabs>section,
.no-js .section-container.vertical-tabs>.section,
.no-js .section-container.vertical-nav>section,
.no-js .section-container.vertical-nav>.section,
.no-js .section-container.horizontal-nav>section,
.no-js .section-container.horizontal-nav>.section {
    position: relative
}
.no-js .section-container.auto>section>.title,
.no-js .section-container.auto>.section>.title,
.no-js .section-container.accordion>section>.title,
.no-js .section-container.accordion>.section>.title,
.no-js .section-container.tabs>section>.title,
.no-js .section-container.tabs>.section>.title,
.no-js .section-container.vertical-tabs>section>.title,
.no-js .section-container.vertical-tabs>.section>.title,
.no-js .section-container.vertical-nav>section>.title,
.no-js .section-container.vertical-nav>.section>.title,
.no-js .section-container.horizontal-nav>section>.title,
.no-js .section-container.horizontal-nav>.section>.title {
    background-color: #efefef;
    cursor: pointer;
    margin-bottom: 0
}
.no-js .section-container.auto>section>.title a,
.no-js .section-container.auto>.section>.title a,
.no-js .section-container.accordion>section>.title a,
.no-js .section-container.accordion>.section>.title a,
.no-js .section-container.tabs>section>.title a,
.no-js .section-container.tabs>.section>.title a,
.no-js .section-container.vertical-tabs>section>.title a,
.no-js .section-container.vertical-tabs>.section>.title a,
.no-js .section-container.vertical-nav>section>.title a,
.no-js .section-container.vertical-nav>.section>.title a,
.no-js .section-container.horizontal-nav>section>.title a,
.no-js .section-container.horizontal-nav>.section>.title a {
    padding: 0.9375em;
    display: inline-block;
    color: #333;
    font-size: 0.875em;
    white-space: nowrap
}
.no-js .section-container.auto>section>.title:hover,
.no-js .section-container.auto>.section>.title:hover,
.no-js .section-container.accordion>section>.title:hover,
.no-js .section-container.accordion>.section>.title:hover,
.no-js .section-container.tabs>section>.title:hover,
.no-js .section-container.tabs>.section>.title:hover,
.no-js .section-container.vertical-tabs>section>.title:hover,
.no-js .section-container.vertical-tabs>.section>.title:hover,
.no-js .section-container.vertical-nav>section>.title:hover,
.no-js .section-container.vertical-nav>.section>.title:hover,
.no-js .section-container.horizontal-nav>section>.title:hover,
.no-js .section-container.horizontal-nav>.section>.title:hover {
    background-color: #e2e2e2
}
.no-js .section-container.auto>section .content,
.no-js .section-container.auto>.section .content,
.no-js .section-container.accordion>section .content,
.no-js .section-container.accordion>.section .content,
.no-js .section-container.tabs>section .content,
.no-js .section-container.tabs>.section .content,
.no-js .section-container.vertical-tabs>section .content,
.no-js .section-container.vertical-tabs>.section .content,
.no-js .section-container.vertical-nav>section .content,
.no-js .section-container.vertical-nav>.section .content,
.no-js .section-container.horizontal-nav>section .content,
.no-js .section-container.horizontal-nav>.section .content {
    display: none;
    padding: 0.9375em;
    background-color: #fff
}
.no-js .section-container.auto>section .content>*:last-child,
.no-js .section-container.auto>.section .content>*:last-child,
.no-js .section-container.accordion>section .content>*:last-child,
.no-js .section-container.accordion>.section .content>*:last-child,
.no-js .section-container.tabs>section .content>*:last-child,
.no-js .section-container.tabs>.section .content>*:last-child,
.no-js .section-container.vertical-tabs>section .content>*:last-child,
.no-js .section-container.vertical-tabs>.section .content>*:last-child,
.no-js .section-container.vertical-nav>section .content>*:last-child,
.no-js .section-container.vertical-nav>.section .content>*:last-child,
.no-js .section-container.horizontal-nav>section .content>*:last-child,
.no-js .section-container.horizontal-nav>.section .content>*:last-child {
    margin-bottom: 0
}
.no-js .section-container.auto>section .content>*:first-child,
.no-js .section-container.auto>.section .content>*:first-child,
.no-js .section-container.accordion>section .content>*:first-child,
.no-js .section-container.accordion>.section .content>*:first-child,
.no-js .section-container.tabs>section .content>*:first-child,
.no-js .section-container.tabs>.section .content>*:first-child,
.no-js .section-container.vertical-tabs>section .content>*:first-child,
.no-js .section-container.vertical-tabs>.section .content>*:first-child,
.no-js .section-container.vertical-nav>section .content>*:first-child,
.no-js .section-container.vertical-nav>.section .content>*:first-child,
.no-js .section-container.horizontal-nav>section .content>*:first-child,
.no-js .section-container.horizontal-nav>.section .content>*:first-child {
    padding-top: 0
}
.no-js .section-container.auto>section .content>*:last-child:not(.flex-video),
.no-js .section-container.auto>.section .content>*:last-child:not(.flex-video),
.no-js .section-container.accordion>section .content>*:last-child:not(.flex-video),
.no-js .section-container.accordion>.section .content>*:last-child:not(.flex-video),
.no-js .section-container.tabs>section .content>*:last-child:not(.flex-video),
.no-js .section-container.tabs>.section .content>*:last-child:not(.flex-video),
.no-js .section-container.vertical-tabs>section .content>*:last-child:not(.flex-video),
.no-js .section-container.vertical-tabs>.section .content>*:last-child:not(.flex-video),
.no-js .section-container.vertical-nav>section .content>*:last-child:not(.flex-video),
.no-js .section-container.vertical-nav>.section .content>*:last-child:not(.flex-video),
.no-js .section-container.horizontal-nav>section .content>*:last-child:not(.flex-video),
.no-js .section-container.horizontal-nav>.section .content>*:last-child:not(.flex-video) {
    padding-bottom: 0
}
.no-js .section-container.auto>section.active>.content,
.no-js .section-container.auto>.section.active>.content,
.no-js .section-container.accordion>section.active>.content,
.no-js .section-container.accordion>.section.active>.content,
.no-js .section-container.tabs>section.active>.content,
.no-js .section-container.tabs>.section.active>.content,
.no-js .section-container.vertical-tabs>section.active>.content,
.no-js .section-container.vertical-tabs>.section.active>.content,
.no-js .section-container.vertical-nav>section.active>.content,
.no-js .section-container.vertical-nav>.section.active>.content,
.no-js .section-container.horizontal-nav>section.active>.content,
.no-js .section-container.horizontal-nav>.section.active>.content {
    display: block
}
.no-js .section-container.auto>section.active>.title,
.no-js .section-container.auto>.section.active>.title,
.no-js .section-container.accordion>section.active>.title,
.no-js .section-container.accordion>.section.active>.title,
.no-js .section-container.tabs>section.active>.title,
.no-js .section-container.tabs>.section.active>.title,
.no-js .section-container.vertical-tabs>section.active>.title,
.no-js .section-container.vertical-tabs>.section.active>.title,
.no-js .section-container.vertical-nav>section.active>.title,
.no-js .section-container.vertical-nav>.section.active>.title,
.no-js .section-container.horizontal-nav>section.active>.title,
.no-js .section-container.horizontal-nav>.section.active>.title {
    background: #d5d5d5
}
.no-js .section-container.auto>section.active>.title a,
.no-js .section-container.auto>.section.active>.title a,
.no-js .section-container.accordion>section.active>.title a,
.no-js .section-container.accordion>.section.active>.title a,
.no-js .section-container.tabs>section.active>.title a,
.no-js .section-container.tabs>.section.active>.title a,
.no-js .section-container.vertical-tabs>section.active>.title a,
.no-js .section-container.vertical-tabs>.section.active>.title a,
.no-js .section-container.vertical-nav>section.active>.title a,
.no-js .section-container.vertical-nav>.section.active>.title a,
.no-js .section-container.horizontal-nav>section.active>.title a,
.no-js .section-container.horizontal-nav>.section.active>.title a {
    color: #333
}
.no-js .section-container.auto>section>.title,
.no-js .section-container.auto>.section>.title,
.no-js .section-container.accordion>section>.title,
.no-js .section-container.accordion>.section>.title,
.no-js .section-container.tabs>section>.title,
.no-js .section-container.tabs>.section>.title,
.no-js .section-container.vertical-tabs>section>.title,
.no-js .section-container.vertical-tabs>.section>.title,
.no-js .section-container.vertical-nav>section>.title,
.no-js .section-container.vertical-nav>.section>.title,
.no-js .section-container.horizontal-nav>section>.title,
.no-js .section-container.horizontal-nav>.section>.title {
    top: 0;
    width: 100%;
    margin: 0;
    border-top: solid 1px #ccc
}
.no-js .section-container.auto>section>.title a,
.no-js .section-container.auto>.section>.title a,
.no-js .section-container.accordion>section>.title a,
.no-js .section-container.accordion>.section>.title a,
.no-js .section-container.tabs>section>.title a,
.no-js .section-container.tabs>.section>.title a,
.no-js .section-container.vertical-tabs>section>.title a,
.no-js .section-container.vertical-tabs>.section>.title a,
.no-js .section-container.vertical-nav>section>.title a,
.no-js .section-container.vertical-nav>.section>.title a,
.no-js .section-container.horizontal-nav>section>.title a,
.no-js .section-container.horizontal-nav>.section>.title a {
    width: 100%
}
.no-js .section-container.auto>section .title,
.no-js .section-container.auto>.section .title,
.no-js .section-container.accordion>section .title,
.no-js .section-container.accordion>.section .title,
.no-js .section-container.tabs>section .title,
.no-js .section-container.tabs>.section .title,
.no-js .section-container.vertical-tabs>section .title,
.no-js .section-container.vertical-tabs>.section .title,
.no-js .section-container.vertical-nav>section .title,
.no-js .section-container.vertical-nav>.section .title,
.no-js .section-container.horizontal-nav>section .title,
.no-js .section-container.horizontal-nav>.section .title {
    position: static;
    width: 100%;
    border-left: 0;
    border-right: 0
}
.no-js .section-container.auto>section .content,
.no-js .section-container.auto>.section .content,
.no-js .section-container.accordion>section .content,
.no-js .section-container.accordion>.section .content,
.no-js .section-container.tabs>section .content,
.no-js .section-container.tabs>.section .content,
.no-js .section-container.vertical-tabs>section .content,
.no-js .section-container.vertical-tabs>.section .content,
.no-js .section-container.vertical-nav>section .content,
.no-js .section-container.vertical-nav>.section .content,
.no-js .section-container.horizontal-nav>section .content,
.no-js .section-container.horizontal-nav>.section .content {
    position: static;
    display: block;
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}
.contain-to-grid {
    width: 100%;
    background: rgba(255, 255, 255, 0)
}
.contain-to-grid .top-bar {
    margin-bottom: 0
}
.fixed {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99
}
.top-bar {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    position: relative;
    background: rgba(255, 255, 255, 0);
    margin-bottom: 0
}
.top-bar ul {
    margin-bottom: 0;
    list-style: none
}
.top-bar .row {
    max-width: none
}
.top-bar form,
.top-bar input {
    margin-bottom: 0
}
.top-bar input {
    height: 2.45em
}
.top-bar .button,
.top-bar .call-to-action {
    padding-top: .5em;
    padding-bottom: .5em;
    margin-bottom: 0
}
.top-bar .title-area {
    position: relative;
    margin: 0
}
.top-bar .name {
    height: 50px;
    margin: 0;
    font-size: 16px
}
.top-bar .name h1 {
    line-height: 50px;
    font-size: 1.0625em;
    margin: 0
}
.top-bar .name h1 a {
    font-weight: lighter;
    color: rgba(17, 17, 17, 0.8);
    width: 50%;
    display: block;
    padding: 0 16.66667px
}
.top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0
}
.top-bar .toggle-topbar a {
    color: rgba(17, 17, 17, 0.8);
    text-transform: uppercase;
    font-size: 0.8125em;
    font-weight: bold;
    position: relative;
    display: block;
    padding: 0 16.66667px;
    height: 50px;
    line-height: 50px
}
.top-bar .toggle-topbar.menu-icon {
    right: 16.66667px;
    top: 50%;
    margin-top: -16px;
    padding-left: 40px
}
.top-bar .toggle-topbar.menu-icon a {
    text-indent: -48px;
    width: 34px;
    height: 34px;
    line-height: 33px;
    padding: 0;
    color: #111
}
.top-bar .toggle-topbar.menu-icon a span {
    position: absolute;
    right: 0;
    display: block;
    width: 16px;
    height: 0;
    -webkit-box-shadow: 0 10px 0 1px #111, 0 16px 0 1px #111, 0 22px 0 1px #111;
    box-shadow: 0 10px 0 1px #111, 0 16px 0 1px #111, 0 22px 0 1px #111
}
.top-bar.expanded {
    height: auto;
    background: transparent
}
.top-bar.expanded .title-area {
    background: rgba(255, 255, 255, 0)
}
.top-bar.expanded .toggle-topbar a {
    color: #888
}
.top-bar.expanded .toggle-topbar a span {
    -webkit-box-shadow: 0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888;
    box-shadow: 0 10px 0 1px #888, 0 16px 0 1px #888, 0 22px 0 1px #888
}
.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    -webkit-transition: left 300ms ease-out;
    -moz-transition: left 300ms ease-out;
    transition: left 300ms ease-out
}
.top-bar-section ul {
    width: 100%;
    height: auto;
    display: block;
    background: rgba(255, 255, 255, 0);
    font-size: 16px;
    margin: 0
}
.top-bar-section .divider,
.top-bar-section [role="separator"] {
    border-bottom: solid 1px rgba(255, 255, 255, 0);
    border-top: solid 1px rgba(230, 230, 230, 0);
    clear: both;
    height: 1px;
    width: 100%
}
.top-bar-section ul li>a {
    display: block;
    width: 100%;
    color: rgba(17, 17, 17, 0.8);
    padding: 12px 0 12px 0;
    padding-left: 16.66667px;
    font-size: 1.1em;
    font-weight: lighter;
    background: rgba(255, 255, 255, 0)
}
.top-bar-section ul li>a.hover {
    background: rgba(247, 247, 247, 0);
    color: #111
}
.top-bar-section ul li>a.button,
.top-bar-section ul li>a.call-to-action {
    background: #00B2CA;
    font-size: 1.1em
}
.top-bar-section ul li>a.button.hover,
.top-bar-section ul li>a.hover.call-to-action {
    background: #006da2
}
.top-bar-section ul li>a.button.secondary,
.top-bar-section ul li>a.secondary.call-to-action {
    background: #e9e9e9
}
.top-bar-section ul li>a.button.secondary.hover,
.top-bar-section ul li>a.secondary.hover.call-to-action {
    background: #d0d0d0
}
.top-bar-section ul li>a.button.success,
.top-bar-section ul li>a.success.call-to-action {
    background: #5da423
}
.top-bar-section ul li>a.button.success.hover,
.top-bar-section ul li>a.success.hover.call-to-action {
    background: #457a1a
}
.top-bar-section ul li>a.button.alert,
.top-bar-section ul li>a.alert.call-to-action {
    background: #c60f13
}
.top-bar-section ul li>a.button.alert.hover,
.top-bar-section ul li>a.alert.hover.call-to-action {
    background: #970b0e
}
.top-bar-section ul li.active>a {
    background: rgba(247, 247, 247, 0);
    color: #fff
}
.top-bar-section .has-form {
    padding: 16.66667px
}
.top-bar-section .has-dropdown {
    position: relative
}
.top-bar-section .has-dropdown>a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
    border-left-style: solid;
    margin-right: 16.66667px;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0
}
.top-bar-section .has-dropdown.moved {
    position: static
}
.top-bar-section .has-dropdown.moved>.dropdown {
    visibility: visible
}
.top-bar-section .dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    visibility: hidden;
    z-index: 99
}
.top-bar-section .dropdown li {
    width: 100%;
    height: auto
}
.top-bar-section .dropdown li a {
    font-weight: normal;
    padding: 8px 16.66667px
}
.top-bar-section .dropdown li.title h5 {
    margin-bottom: 0
}
.top-bar-section .dropdown li.title h5 a {
    color: rgba(17, 17, 17, 0.8);
    line-height: 25px;
    display: block
}
.top-bar-section .dropdown label {
    padding: 8px 16.66667px 2px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #555;
    font-weight: bold;
    font-size: 0.625em
}
.top-bar-js-breakpoint {
    width: 9999px !important;
    visibility: hidden
}
.js-generated {
    display: block
}
@media only screen and (min-width: 9999px) {
    .top-bar {
        background: rgba(255, 255, 255, 0);
        *zoom: 1;
        overflow: visible
    }
    .top-bar:before,
    .top-bar:after {
        content: " ";
        display: table
    }
    .top-bar:after {
        clear: both
    }
    .top-bar .toggle-topbar {
        display: none
    }
    .top-bar .title-area {
        float: left
    }
    .top-bar .name h1 a {
        width: auto
    }
    .top-bar input,
    .top-bar .button,
    .top-bar .call-to-action {
        line-height: 2em;
        font-size: 0.875em;
        height: 2em;
        padding: 0 10px;
        position: relative;
        top: 8px
    }
    .top-bar.expanded {
        background: rgba(255, 255, 255, 0)
    }
    .contain-to-grid .top-bar {
        max-width: 64em;
        margin: 0 auto
    }
    .top-bar-section {
        -webkit-transition: none 0 0;
        -moz-transition: none 0 0;
        transition: none 0 0;
        left: 0 !important
    }
    .top-bar-section ul {
        width: auto;
        height: auto !important;
        display: inline
    }
    .top-bar-section ul li {
        float: left
    }
    .top-bar-section ul li .js-generated {
        display: none
    }
    .top-bar-section li a:not(.button) {
        padding: 0 16.66667px;
        line-height: 50px;
        background: rgba(255, 255, 255, 0)
    }
    .top-bar-section li a:not(.button).hover {
        background: rgba(179, 179, 179, 0)
    }
    .top-bar-section .has-dropdown>a {
        padding-right: 36.66667px !important
    }
    .top-bar-section .has-dropdown>a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 25px
    }
    .top-bar-section .has-dropdown.moved {
        position: relative
    }
    .top-bar-section .has-dropdown.moved>.dropdown {
        visibility: hidden
    }
    .top-bar-section .has-dropdown.hover>.dropdown {
        visibility: visible
    }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after {
        border: none;
        content: "\00bb";
        margin-top: -16px;
        right: 5px
    }
    .top-bar-section .dropdown {
        left: 0;
        top: auto;
        background: transparent;
        min-width: 100%
    }
    .top-bar-section .dropdown li a {
        color: #fff;
        line-height: 1;
        white-space: nowrap;
        padding: 7px 16.66667px;
        background: rgba(255, 255, 255, 0)
    }
    .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: rgba(255, 255, 255, 0)
    }
    .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0
    }
    .top-bar-section>ul>.divider,
    .top-bar-section>ul>[role="separator"] {
        border-bottom: none;
        border-top: none;
        border-right: solid 1px rgba(255, 255, 255, 0);
        border-left: solid 1px rgba(230, 230, 230, 0);
        clear: none;
        height: 50px;
        width: 0px
    }
    .top-bar-section .has-form {
        background: rgba(255, 255, 255, 0);
        padding: 0 16.66667px;
        height: 50px
    }
    .top-bar-section ul.right li .dropdown {
        left: auto;
        right: 0
    }
    .top-bar-section ul.right li .dropdown li .dropdown {
        right: 100%
    }
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}
@-moz-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}
@-o-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}
.slideshow-wrapper {
    position: relative
}
.slideshow-wrapper ul {
    list-style-type: none;
    margin: 0
}
.slideshow-wrapper ul li,
.slideshow-wrapper ul li .orbit-caption {
    display: none
}
.slideshow-wrapper ul li:first-child {
    display: block
}
.slideshow-wrapper .orbit-container {
    background-color: transparent
}
.slideshow-wrapper .orbit-container li {
    display: block
}
.slideshow-wrapper .orbit-container li .orbit-caption {
    display: block
}
.preloader {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    border: solid 3px;
    border-color: #555 #fff;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotate;
    -o-animation-duration: 1.5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}
.orbit-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    background: #f5f5f5
}
.orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}
.orbit-container .orbit-slides-container img {
    display: block
}
.orbit-container .orbit-slides-container>* {
    position: relative;
    float: left;
    height: auto
}
.orbit-container .orbit-slides-container>* .orbit-caption {
    position: absolute;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    width: 100%;
    padding: 10px 14px;
    font-size: 0.875em
}
.orbit-container .orbit-slide-number {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0)
}
.orbit-container .orbit-slide-number span {
    font-weight: 700;
    padding: 0.3125em
}
.orbit-container .orbit-timer {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 6px;
    width: 100px
}
.orbit-container .orbit-timer .orbit-progress {
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    display: block;
    width: 0%
}
.orbit-container .orbit-timer>span {
    display: none;
    position: absolute;
    top: 10px;
    right: 0px;
    width: 11px;
    height: 14px;
    border: solid 4px #000;
    border-top: none;
    border-bottom: none
}
.orbit-container .orbit-timer.paused>span {
    right: -6px;
    top: 9px;
    width: 11px;
    height: 14px;
    border: inset 8px;
    border-right-style: solid;
    border-color: transparent transparent transparent #000
}
.orbit-container:hover .orbit-timer>span {
    display: block
}
.orbit-container .orbit-prev,
.orbit-container .orbit-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    width: 50px;
    height: 60px;
    line-height: 50px;
    color: white;
    text-indent: -9999px !important
}
.orbit-container .orbit-prev>span,
.orbit-container .orbit-next>span {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    display: block;
    width: 0;
    height: 0;
    border: inset 16px
}
.orbit-container .orbit-prev {
    left: 0
}
.orbit-container .orbit-prev>span {
    border-right-style: solid;
    border-color: transparent;
    border-right-color: #fff
}
.orbit-container .orbit-prev:hover>span {
    border-right-color: #ccc
}
.orbit-container .orbit-next {
    right: 0
}
.orbit-container .orbit-next>span {
    border-color: transparent;
    border-left-style: solid;
    border-left-color: #fff;
    left: 50%;
    margin-left: -8px
}
.orbit-container .orbit-next:hover>span {
    border-left-color: #ccc
}
.orbit-bullets {
    margin: 0 auto 30px auto;
    overflow: hidden;
    position: relative;
    top: 10px
}
.orbit-bullets li {
    display: block;
    width: 18px;
    height: 18px;
    background: #999;
    float: left;
    margin-right: 6px;
    border: solid 2px #222;
    -webkit-border-radius: 1000px;
    border-radius: 1000px
}
.orbit-bullets li.active {
    background: #222
}
.orbit-bullets li:last-child {
    margin-right: 0
}
.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
    display: none
}
.touch .orbit-bullets {
    display: none
}
@media only screen and (min-width: 767px) {
    .touch .orbit-container .orbit-prev,
    .touch .orbit-container .orbit-next {
        display: inherit
    }
    .touch .orbit-bullets {
        display: block
    }
}
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.45);
    z-index: 98;
    display: none;
    top: 0;
    left: 0
}
.reveal-modal {
    visibility: hidden;
    display: none;
    position: absolute;
    left: 50%;
    z-index: 99;
    height: auto;
    margin-left: -40%;
    width: 80%;
    background-color: #fff;
    padding: 1.25em;
    border: solid 1px #666;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    top: 0.75em
}
.reveal-modal .column,
.reveal-modal .columns {
    min-width: 0
}
.reveal-modal>:first-child {
    margin-top: 0
}
.reveal-modal>:last-child {
    margin-bottom: 0
}
.reveal-modal .close-reveal-modal {
    font-size: 1.375em;
    line-height: 1;
    position: absolute;
    top: 0.3125em;
    right: 0.4375em;
    color: rgba(170, 170, 170, 0.75);
    font-weight: 100;
    cursor: pointer
}
@media only screen and (min-width: 767px) {
    .reveal-modal {
        padding: 1.875em;
        top: 6.25em
    }
    .reveal-modal.tiny,
    .switch-container .reveal-modal.switch {
        margin-left: -15%;
        width: 30%
    }
    .reveal-modal.small {
        margin-left: -20%;
        width: 40%
    }
    .reveal-modal.medium {
        margin-left: -30%;
        width: 60%
    }
    .reveal-modal.large,
    .order-ticket .order-footer .reveal-modal.order-reject,
    .order-ticket .order-footer .reveal-modal.status-5,
    .order-ticket .order-footer .reveal-modal.order-confirm,
    .order-ticket .order-footer .reveal-modal.status-1,
    .order-ticket .order-footer .reveal-modal.status-4,
    .order-ticket .order-footer .reveal-modal.status-2 {
        margin-left: -35%;
        width: 70%
    }
    .reveal-modal.xlarge {
        margin-left: -47.5%;
        width: 95%
    }
}
@media print {
    .reveal-modal {
        background: #fff !important
    }
}
.alert-box {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-weight: bold;
    margin-bottom: 1.25em;
    position: relative;
    padding: 0.6875em 1.3125em 0.75em 0.6875em;
    font-size: 0.875em;
    background-color: #00B2CA;
    border-color: #006da2;
    color: #fff
}
.alert-box .close {
    font-size: 1.375em;
    padding: 5px 4px 4px;
    line-height: 0;
    position: absolute;
    top: 0.4375em;
    right: 0.3125em;
    color: #333;
    opacity: 0.3
}
.alert-box .close:hover,
.alert-box .close:focus {
    opacity: 0.5
}
.alert-box.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.alert-box.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px
}
.alert-box.success {
    background-color: #5da423;
    border-color: #457a1a;
    color: #fff
}
.alert-box.alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: #fff
}
.alert-box.secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #505050
}
.label {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    padding: 0.1875em 0.625em 0.25em;
    font-size: 0.875em;
    background-color: #00B2CA;
    color: #fff
}
.label.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.label.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px
}
.label.alert {
    background-color: #c60f13;
    color: #fff
}
.label.success {
    background-color: #5da423;
    color: #fff
}
.label.secondary {
    background-color: #e9e9e9;
    color: #333
}
.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #e0e0e0;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #f9f9f9
}
.panel>:first-child {
    margin-top: 0
}
.panel>:last-child {
    margin-bottom: 0
}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.panel p {
    color: #333
}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
    line-height: 1;
    margin-bottom: 0.625em
}
.panel h1.subheader,
.panel h2.subheader,
.panel h3.subheader,
.panel h4.subheader,
.panel h5.subheader,
.panel h6.subheader {
    line-height: 1.4
}
.panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #006da2;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #00B2CA;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset
}
.panel.callout>:first-child {
    margin-top: 0
}
.panel.callout>:last-child {
    margin-bottom: 0
}
.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6,
.panel.callout p {
    color: #fff
}
.panel.callout h1,
.panel.callout h2,
.panel.callout h3,
.panel.callout h4,
.panel.callout h5,
.panel.callout h6 {
    line-height: 1;
    margin-bottom: 0.625em
}
.panel.callout h1.subheader,
.panel.callout h2.subheader,
.panel.callout h3.subheader,
.panel.callout h4.subheader,
.panel.callout h5.subheader,
.panel.callout h6.subheader {
    line-height: 1.4
}
.panel.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.pricing-table {
    border: solid 1px #ddd;
    margin-left: 0;
    margin-bottom: 1.25em
}
.pricing-table * {
    list-style: none;
    line-height: 1
}
.pricing-table .title {
    background-color: #ddd;
    padding: 0.9375em 1.25em;
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 1em
}
.pricing-table .price {
    background-color: #eee;
    padding: 0.9375em 1.25em;
    text-align: center;
    color: #333;
    font-weight: normal;
    font-size: 1.25em
}
.pricing-table .description {
    background-color: #fff;
    padding: 0.9375em;
    text-align: center;
    color: #777;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #ddd
}
.pricing-table .bullet-item {
    background-color: #fff;
    padding: 0.9375em;
    text-align: center;
    color: #333;
    font-size: 0.875em;
    font-weight: normal;
    border-bottom: dotted 1px #ddd
}
.pricing-table .cta-button {
    background-color: #f5f5f5;
    text-align: center;
    padding: 1.25em 1.25em 0
}
@media only screen {
    div.switch {
        position: relative;
        width: 100%;
        padding: 0;
        display: block;
        overflow: hidden;
        border-style: solid;
        border-width: 1px;
        margin-bottom: 1.25em;
        -webkit-animation: webkitSiblingBugfix infinite 1s;
        height: 36px;
        background: rgba(255, 255, 255, 0);
        border-color: #ccc
    }
    div.switch label {
        position: relative;
        left: 0;
        z-index: 2;
        float: left;
        width: 50%;
        height: 100%;
        margin: 0;
        font-weight: bold;
        text-align: left;
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out
    }
    div.switch input {
        position: absolute;
        z-index: 3;
        opacity: 0;
        width: 100%;
        height: 100%;
        -moz-appearance: none
    }
    div.switch input:hover,
    div.switch input:focus {
        cursor: pointer
    }
    div.switch>span {
        position: absolute;
        top: -1px;
        left: -1px;
        z-index: 1;
        display: block;
        padding: 0;
        border-width: 1px;
        border-style: solid;
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out
    }
    div.switch input:not(:checked)+label {
        opacity: 0
    }
    div.switch input:checked {
        display: none !important
    }
    div.switch input {
        left: 0;
        display: block !important
    }
    div.switch input:first-of-type+label,
    div.switch input:first-of-type+span+label {
        left: -50%
    }
    div.switch input:first-of-type:checked+label,
    div.switch input:first-of-type:checked+span+label {
        left: 0%
    }
    div.switch input:last-of-type+label,
    div.switch input:last-of-type+span+label {
        right: -50%;
        left: auto;
        text-align: right
    }
    div.switch input:last-of-type:checked+label,
    div.switch input:last-of-type:checked+span+label {
        right: 0%;
        left: auto
    }
    div.switch span.custom {
        display: none !important
    }
    div.switch label {
        padding: 0 0.375em;
        line-height: 2.3em;
        font-size: 0.875em
    }
    div.switch input:first-of-type:checked ~ span {
        left: 100%;
        margin-left: -2.1875em
    }
    div.switch>span {
        width: 2.25em;
        height: 2.25em
    }
    div.switch>span {
        border-color: #b3b3b3;
        background: #fff;
        background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
        background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
        background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
        -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #00B2CA, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #a3a4a6;
        box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #00B2CA, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #a3a4a6
    }
    div.switch:hover>span,
    div.switch:focus>span {
        background: #fff;
        background: -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background: linear-gradient(to bottom, #fff 0%, #e6e6e6 100%)
    }
    div.switch:active {
        background: transparent
    }
    div.switch.large,
    .order-ticket .order-footer div.switch.order-reject,
    .order-ticket .order-footer div.switch.status-5,
    .order-ticket .order-footer div.switch.order-confirm,
    .order-ticket .order-footer div.switch.status-1,
    .order-ticket .order-footer div.switch.status-4,
    .order-ticket .order-footer div.switch.status-2 {
        height: 44px
    }
    div.switch.large label,
    .order-ticket .order-footer div.switch.order-reject label,
    .order-ticket .order-footer div.switch.status-5 label,
    .order-ticket .order-footer div.switch.order-confirm label,
    .order-ticket .order-footer div.switch.status-1 label,
    .order-ticket .order-footer div.switch.status-4 label,
    .order-ticket .order-footer div.switch.status-2 label {
        padding: 0 0.375em;
        line-height: 2.3em;
        font-size: 1.0625em
    }
    div.switch.large input:first-of-type:checked ~ span,
    .order-ticket .order-footer div.switch.order-reject input:first-of-type:checked ~ span,
    .order-ticket .order-footer div.switch.status-5 input:first-of-type:checked ~ span,
    .order-ticket .order-footer div.switch.order-confirm input:first-of-type:checked ~ span,
    .order-ticket .order-footer div.switch.status-1 input:first-of-type:checked ~ span,
    .order-ticket .order-footer div.switch.status-4 input:first-of-type:checked ~ span,
    .order-ticket .order-footer div.switch.status-2 input:first-of-type:checked ~ span {
        left: 100%;
        margin-left: -2.6875em
    }
    div.switch.large>span,
    .order-ticket .order-footer div.switch.order-reject>span,
    .order-ticket .order-footer div.switch.status-5>span,
    .order-ticket .order-footer div.switch.order-confirm>span,
    .order-ticket .order-footer div.switch.status-1>span,
    .order-ticket .order-footer div.switch.status-4>span,
    .order-ticket .order-footer div.switch.status-2>span {
        width: 2.75em;
        height: 2.75em
    }
    div.switch.small {
        height: 28px
    }
    div.switch.small label {
        padding: 0 0.375em;
        line-height: 2.1em;
        font-size: 0.75em
    }
    div.switch.small input:first-of-type:checked ~ span {
        left: 100%;
        margin-left: -1.6875em
    }
    div.switch.small>span {
        width: 1.75em;
        height: 1.75em
    }
    div.switch.tiny,
    .switch-container div.switch {
        height: 22px
    }
    div.switch.tiny label,
    .switch-container div.switch label {
        padding: 0 0.375em;
        line-height: 1.9em;
        font-size: 0.6875em
    }
    div.switch.tiny input:first-of-type:checked ~ span,
    .switch-container div.switch input:first-of-type:checked ~ span {
        left: 100%;
        margin-left: -1.3125em
    }
    div.switch.tiny>span,
    .switch-container div.switch>span {
        width: 1.375em;
        height: 1.375em
    }
    div.switch.radius {
        -webkit-border-radius: 4px;
        border-radius: 4px
    }
    div.switch.radius>span {
        -webkit-border-radius: 3px;
        border-radius: 3px
    }
    div.switch.round {
        -webkit-border-radius: 1000px;
        border-radius: 1000px
    }
    div.switch.round>span {
        -webkit-border-radius: 999px;
        border-radius: 999px
    }
    div.switch.round label {
        padding: 0 0.5625em
    }
    @-webkit-keyframes webkitSiblingBugfix {
        from {
            position: relative
        }
        to {
            position: relative
        }
    }
}
table {
    background: #fff;
    margin-bottom: 1.25em;
    border: solid 1px #ddd
}
table thead,
table tfoot {
    background: #f5f5f5;
    font-weight: bold
}
table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
    padding: 0.5em 0.625em 0.625em;
    font-size: 0.875em;
    color: #222;
    text-align: left
}
table tr th,
table tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
    color: #222
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: #f9f9f9
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
    display: table-cell;
    line-height: 1.125em
}
@media only screen and (max-width: 767px) {
    .f-dropdown {
        max-width: 100%;
        left: 0
    }
}
.f-dropdown {
    position: absolute;
    top: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 16px;
    z-index: 99;
    margin-top: 2px;
    max-width: 200px
}
.f-dropdown>*:first-child {
    margin-top: 0
}
.f-dropdown>*:last-child {
    margin-bottom: 0
}
.f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent #fff transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 99
}
.f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #ccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 98
}
.f-dropdown.right:before {
    left: auto;
    right: 10px
}
.f-dropdown.right:after {
    left: auto;
    right: 9px
}
.f-dropdown li {
    font-size: 0.875em;
    cursor: pointer;
    line-height: 1.125em;
    margin: 0
}
.f-dropdown li:hover,
.f-dropdown li:focus {
    background: #eee
}
.f-dropdown li a {
    display: block;
    padding: 0.3125em 0.625em;
    color: #555
}
.f-dropdown.content {
    position: absolute;
    top: -9999px;
    list-style: none;
    margin-left: 0;
    padding: 1.25em;
    width: 100%;
    height: auto;
    max-height: none;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 16px;
    z-index: 99;
    max-width: 200px
}
.f-dropdown.content>*:first-child {
    margin-top: 0
}
.f-dropdown.content>*:last-child {
    margin-bottom: 0
}
.f-dropdown.tiny,
.switch-container .f-dropdown.switch {
    max-width: 200px
}
.f-dropdown.small {
    max-width: 300px
}
.f-dropdown.medium {
    max-width: 500px
}
.f-dropdown.large,
.order-ticket .order-footer .f-dropdown.order-reject,
.order-ticket .order-footer .f-dropdown.status-5,
.order-ticket .order-footer .f-dropdown.order-confirm,
.order-ticket .order-footer .f-dropdown.status-1,
.order-ticket .order-footer .f-dropdown.status-4,
.order-ticket .order-footer .f-dropdown.status-2 {
    max-width: 800px
}
.button,
.call-to-action {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.9375em;
    padding-right: 1.875em;
    padding-bottom: 1em;
    padding-left: 1.875em;
    font-size: 0.8125em;
    background-color: #00B2CA;
    border-color: #006da2;
    color: #fff;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    font-weight: 100;
    font-size: 0.875em;
    margin: 0 0.2em 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}
.button:hover,
.call-to-action:hover,
.button:focus,
.call-to-action:focus {
    background-color: #006da2
}
.button:hover,
.call-to-action:hover,
.button:focus,
.call-to-action:focus {
    color: #fff
}
.large-text {
    font-size: 1.25em;
    padding-top: 0.5em;
    padding-bottom: 0.5em
}
.call-to-action {
    overflow-y: visible !important;
    font-weight: 100
}
.btn-press {
    border-bottom-width: 0.2em
}
.btn-press:hover {
    margin-top: 0.2em;
    border-bottom-width: 0.05em
}
.btn-press-important {
    border-bottom-width: 0.2em !important
}
.btn-press-important:hover {
    margin-top: 0.2em !important;
    border-bottom-width: 0.05em !important
}
.social-signin {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0.0625em;
    padding-left: 0;
    font-size: -0.125em;
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    font-weight: 100;
    font-size: 0.875em;
    margin: 0 0.2em 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    width: 100%;
    display: table;
    float: none;
    clear: both;
    margin-bottom: 0.5em;
    position: relative;
    background-color: #fbfbfb;
    line-height: 1.5 !important;
    padding-bottom: 0 !important;
    font-weight: 100 !important
}
.social-signin:hover,
.social-signin:focus {
    background-color: #d0d0d0
}
.social-signin:hover,
.social-signin:focus {
    color: #333
}
@media only screen and (min-width: 767px) {
    .social-signin {
        width: 49%;
        float: left;
        clear: none
    }
    .social-signin:nth-child(even) {
        float: right
    }
}
.social-signin>* {
    float: left;
    display: block;
    padding: 0.45em 0.6em 0 2.4em;
    width: 100%;
    color: #222;
    height: 2.25em;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.social-signin.large,
.order-ticket .order-footer .social-signin.order-reject,
.order-ticket .order-footer .social-signin.status-5,
.order-ticket .order-footer .social-signin.order-confirm,
.order-ticket .order-footer .social-signin.status-1,
.order-ticket .order-footer .social-signin.status-4,
.order-ticket .order-footer .social-signin.status-2 {
    width: 80%;
    margin-left: 10%;
    float: none;
    clear: both;
    margin-bottom: 0.5em
}
.social-signin.large>*,
.order-ticket .order-footer .social-signin.order-reject>*,
.order-ticket .order-footer .social-signin.status-5>*,
.order-ticket .order-footer .social-signin.order-confirm>*,
.order-ticket .order-footer .social-signin.status-1>*,
.order-ticket .order-footer .social-signin.status-4>*,
.order-ticket .order-footer .social-signin.status-2>* {
    padding: 0.5em 0.75em 0 0.3em
}
.social-signin .icon-expand {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    color: #fff;
    padding: 0.4em;
    font-size: 1.25em;
    width: 1.9em;
    height: 100%;
    white-space: nowrap;
    text-overflow: clip;
    overflow: hidden;
    border-right: 1px solid #d0d0d0;
    background-color: #d0d0d0
}
.social-signin .icon-expand:hover {
    border-right-color: transparent
}
.social-signin.social-facebook:hover .icon-expand {
    background-color: #3b5998
}
.social-signin.social-google:hover .icon-expand {
    background-color: #cd3717
}
.social-signin:hover.social-facebook {
    background-color: #eee
}
.social-signin:hover.social-google {
    background-color: #eee
}
.default-transition,
.btn-press,
.btn-press-important,
.social-signin,
.social-signin .icon-expand,
.header .header-tab-container .header-tab,
.order-ticket .order-details .order-content>div {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
::-webkit-input-placeholder {
    font-family: "OpenSansLight", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}
:-moz-placeholder {
    font-family: "OpenSansLight", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}
::-moz-placeholder {
    font-family: "OpenSansLight", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}
:-ms-input-placeholder {
    font-family: "OpenSansLight", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}
.separator {
    position: relative;
    margin: 1.5em auto 1.5em;
    width: auto;
    display: table;
    color: #999;
    z-index: 1;
    font-size: 0.75em
}
.separator:before,
.separator:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 50%;
    min-width: 3em;
    height: 0;
    z-index: -1;
    border-top: 1px solid #aaa
}
.separator:before {
    right: 150%
}
.separator:after {
    left: 150%
}
@media only screen and (min-width: 767px) {
    .reveal-modal {
        margin-top: -3em
    }
}
@media only screen and (min-width: 767px) {
    .reveal-modal {
        max-width: 90%
    }
    .reveal-modal.tiny,
    .switch-container .reveal-modal.switch {
        width: 250px;
        margin-left: -125px
    }
    .reveal-modal.small {
        width: 350px;
        margin-left: -175px
    }
    .reveal-modal.medium {
        width: 550px;
        margin-left: -275px
    }
    .reveal-modal.large,
    .order-ticket .order-footer .reveal-modal.order-reject,
    .order-ticket .order-footer .reveal-modal.status-5,
    .order-ticket .order-footer .reveal-modal.order-confirm,
    .order-ticket .order-footer .reveal-modal.status-1,
    .order-ticket .order-footer .reveal-modal.status-4,
    .order-ticket .order-footer .reveal-modal.status-2 {
        width: 750px;
        margin-left: -375px
    }
    .reveal-modal.xlarge {
        width: 1024px;
        margin-left: -512px
    }
}
.reveal-modal .modal-title {
    font-family: "OpenSansRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    width: 100%;
    font-size: 1.25em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: -0.5em;
    margin-bottom: 1em
}
.reveal-modal.no-title .modal-title,
.reveal-modal.no-title-true .modal-title {
    padding: 1.25em 1.4em
}
.reveal-modal.no-title .modal-title+.modal-content,
.reveal-modal.no-title-true .modal-title+.modal-content {
    padding-top: 3em
}
.reveal-modal.no-title .modal-title ~ a.close-reveal-modal,
.reveal-modal.no-title-true .modal-title ~ a.close-reveal-modal {
    color: #fff
}
.reveal-modal .modal-content {
    overflow: hidden
}
.reveal-modal form {
    margin-bottom: 0
}
.reveal-modal .button:last-child,
.reveal-modal .call-to-action:last-child {
    margin-bottom: 0
}
.reveal-modal .modal-footer {
    position: absolute;
    top: 100%;
    left: 1%;
    width: 98%;
    margin: 0
}
.reveal-modal .modal-footer * {
    color: #fff
}
.reveal-modal .modal-footer [class*="icon"],
.reveal-modal .modal-footer input,
.reveal-modal .modal-footer a {
    cursor: pointer
}
.reveal-modal .modal-footer a {
    padding: 0.75em;
    display: inline-block
}
.reveal-modal .modal-footer a span {
    margin: 0 0.5em
}
@media only screen and (min-width: 767px) {
    .reveal-modal .modal-footer .columns:last-child a {
        float: right
    }
    .reveal-modal .modal-footer .columns:last-child a span {
        float: right
    }
}
@media all and (max-width: 767px) {
    .reveal-modal .modal-footer a {
        width: 100%;
        text-align: center
    }
}
.abs-footer,
.reveal-modal .modal-footer,
.store-container .cart-container .cart-footer .btns-footer {
    background-color: #222
}
.abs-footer:after,
.reveal-modal .modal-footer:after,
.store-container .cart-container .cart-footer .btns-footer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 0.75em;
    display: block;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.8)), color-stop(1, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)
}
@font-face {
    font-family: "Gotham-Medium_0";
    src: url("../fonts/Gotham-Medium_0.eot");
    src: url("../fonts/Gotham-Medium_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Medium_0.svg#Gotham-Medium_0") format("svg"), url("../fonts/Gotham-Medium_0.woff") format("woff"), url("../fonts/Gotham-Medium_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}
[class*='icon']:not(.large-icons) {
    padding: 0 0.3em
}
html {
    -webkit-font-smoothing: subpixel-antialiased
}
html.no-touch,
.header .actions html.action.loading {
    font-size: 12pt
}
html.modal-opened,
html.modal-open {
    height: 100% !important;
    overflow: hidden
}
* {
    -webkit-tap-highlight-color: transparent
}
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out
}
body {
    background-color: #f4f4f4
}
html.modal-opened body>*:not(.modals-container):not(.permanent-modals-container):not(.reveal-modal-bg) {
    pointer-events: none;
    max-height: 100% !important;
    overflow: hidden !important
}
html.modal-opened body .page-container,
html.modal-opened body .sidebar-container {
    position: fixed !important
}
body,
.master-content {
    pointer-events: none;
    min-height: 100%
}
body>*,
.master-content>* {
    pointer-events: all
}
.has-shadow {
    margin-bottom: 40px !important
}
.has-shadow:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    background-image: url(../images/shadow.png);
    background-position: top center;
    background-size: contain;
    pointer-events: none
}
.capitalize {
    text-transform: capitalize
}
.uppercase {
    text-transform: uppercase
}
*:not(html).no-touch,
.header .actions *.action.loading:not(html) {
    pointer-events: none
}
.no-transition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}
img.imgError {
    background-color: #e2e2e2
}
.parent-loading:after,
.tile a:not(.ready):after,
.image-uploader:not(.ready):after {
    content: "";
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    background-image: url("../img/load/load.gif");
    /*background-image: url("../img/imgError.svg");*/
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5
}
.lighter {
    opacity: 0.4
}
.alert-icon {
    color: #c60f13
}
.ellipsis,
.image-uploader .overlay label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.placeholder-for-list {
    font-size: 85%;
    display: table;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.025);
    border: 0 !important
}
.placeholder-for-list span,
.placeholder-for-list label {
    padding: 21px 0 !important;
    width: 100%;
    display: block;
    text-align: center
}
.placeholder-for-list span {
    color: #ddd;
    font-size: 5em
}
@media only screen and (min-width: 767px) {
    .placeholder-for-list span {
        font-size: 3em
    }
}
@media all and (max-width: 1280px) {
    .placeholder-for-list .columns {
        clear: both;
        width: 100%
    }
    .placeholder-for-list .columns span,
    .placeholder-for-list .columns label {
        padding: 11px 0 !important
    }
}
@media all and (max-width: 1280px) {
    .break-for-medium,
    .break-for-medium+* {
        clear: both;
        width: 100%
    }
}
.switch-container {
    float: right;
    display: table;
    position: relative
}
.switch-container>* {
    margin: 0.3em 0.3em 0;
    float: left
}
.switch-container .switch {
    width: 3em;
    margin-top: 0
}
.switch-container .switch label {
    color: #fff;
    font-weight: 400;
    text-align: center
}
input.error,
textarea.error,
select.error {
    margin-bottom: 0
}
small.error {
    display: inline-block;
    width: 100%;
    margin-top: 0
}
input[type='search'],
input[type='submit'] {
    -webkit-appearance: none !important
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}
.hidden,
body>*:not(.reveal-modal-bg):empty,
li+.footer+.placeholder-for-list,
.footer:not(.hidden)+.placeholder-for-list,
.placeholder-for-list:not(:first-child):not(:last-child),
.tile.addNew a:after,
.tile .overlay .tile-header:empty,
.tile .overlay .tile-footer:empty,
.top-bar .top-bar-section ul li.has-dropdown a:after,
.top-bar .top-bar-section ul li ul .back,
.sidebar .title-area,
.section-container:empty,
.sidebar-layout .content-sidebar,
.settings .structures-container table.no-orders td.structure-orders,
.settings .structures-container table tr:first-child:last-child td:first-child input,
.gmaps.mapError .renderMap>*,
.purchases .dataTables_filter,
.purchases .dataTables_length,
.store-container .headerRow,
.store-container .cart-container .cart-body .item-true .item-custom .item-desc:after {
    display: none;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}
.square {
    width: 100%;
    z-index: -1;
    position: relative
}
@media all and (max-width: 767px) {
    .hidden-for-small {
        display: inline-block;
        width: 0;
        padding: 0 !important;
        overflow: hidden
    }
}
.button a,
.call-to-action a {
    color: #fff
}
.button.secondary a,
.secondary.call-to-action a {
    color: #111
}
.button.postfix,
.postfix.call-to-action {
    line-height: 2.3;
    margin: 0
}
.settings .panel.inline {
    font-size: 90%;
    padding-top: 0.3em !important;
    padding-bottom: 0.3em !important
}
[class*='badge-'] {
    position: absolute;
    top: 10%;
    left: 10%;
    font-size: 7pt
}
.page-transition {
    position: fixed;
    display: block;
    -webkit-animation: pageTransition 0.2s;
    -moz-animation: pageTransition 0.2s;
    -ms-animation: pageTransition 0.2s;
    -o-animation: pageTransition 0.2s;
    animation: pageTransition 0.2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
@-webkit-keyframes pageTransition {
    100% {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}
@-moz-keyframes pageTransition {
    100% {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}
@-ms-keyframes pageTransition {
    100% {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}
@-o-keyframes pageTransition {
    100% {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}
@keyframes pageTransition {
    100% {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}
.panel.inline {
    padding-top: 0.8125em;
    padding-bottom: 0.8125em
}
.notifications-container {
    position: absolute;
    top: 1.5em;
    left: 0;
    width: 100%;
    z-index: 200
}
.notification {
    opacity: 0;
    margin: -2em auto 0;
    min-width: 300px;
    padding-right: 2em;
    display: table;
    -webkit-animation: notification 0.2s;
    -moz-animation: notification 0.2s;
    -ms-animation: notification 0.2s;
    -o-animation: notification 0.2s;
    animation: notification 0.2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-box-shadow: 0 0.2em 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0.2em 10px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0.2em 10px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0.2em 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0.2em 10px rgba(0, 0, 0, 0.4)
}
@-webkit-keyframes notification {
    100% {
        opacity: 1;
        margin-top: 0
    }
}
@-moz-keyframes notification {
    100% {
        opacity: 1;
        margin-top: 0
    }
}
@-ms-keyframes notification {
    100% {
        opacity: 1;
        margin-top: 0
    }
}
@-o-keyframes notification {
    100% {
        opacity: 1;
        margin-top: 0
    }
}
@keyframes notification {
    100% {
        opacity: 1;
        margin-top: 0
    }
}
.show-for-empty {
    display: none;
    text-align: center
}
.list .show-for-empty>a label {
    float: none
}
*:empty+.show-for-empty,
.show-for-empty:first-child {
    display: block
}
input[type='radio'].custom,
input[type='checkbox'].custom {
    opacity: 0;
    z-index: 15;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(3, 3);
    -moz-transform: scale(3, 3);
    -ms-transform: scale(3, 3);
    -o-transform: scale(3, 3);
    transform: scale(3, 3)
}
input[type='radio'].custom.small,
input[type='checkbox'].custom.small {
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2)
}
.checkbox {
    width: 1.25em;
    height: 1.25em;
    background-color: transparent;
    padding: 0 0.15em;
    color: #00B2CA !important;
    border: 1px solid rgba(0, 0, 0, 0.4)
}
input.postfix+.checkbox {
    height: 1.1em;
    width: 1.1em;
    border-color: #fff;
    display: inline-block;
    margin: 0 20%
}
input.postfix+.checkbox:before {
    color: #fff;
    position: absolute;
    top: 15%;
    left: 25%
}
table {
    width: 100%
}
table td {
    position: relative
}
img {
    vertical-align: text-bottom;
    opacity: 0;
    max-width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
img.ready {
    opacity: 1
}
img.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
select {
    min-height: 1px;
    padding: 0 !important;
    margin: 0
}
input[type='submit'] {
    cursor: pointer
}
legend {
    margin: 0;
    font-size: 0.875em
}
label,
span {
    cursor: auto
}
label.required:before,
span.required:before {
    content: "* ";
    color: #c60f13
}
textarea,
select {
    width: 100% !important
}
fieldset.no-padding {
    padding: 0.5em 0 0 0
}
fieldset.no-padding legend {
    margin-left: 1.25em
}
.list {
    list-style: none;
    padding-left: 0;
    padding-right: 0
}
.list>:not(:first-child) {
    border-top: 1px solid #d0d0d0
}
.list li {
    height: auto !important;
    max-width: none;
    width: 100%;
    margin-right: 0
}
.list li a *:not(.hidden),
.list li label:not(.hidden),
.list li span:not(.hidden) {
    display: block;
    float: left;
    line-height: 1;
    color: #111;
    margin-bottom: 0
}
.list li a *:not(.hidden):not(img),
.list li label:not(.hidden):not(img),
.list li span:not(.hidden):not(img) {
    padding: 0.75em !important
}
.list li label:not(.hidden) {
    margin-top: 0.2em
}
.list li label:not(.hidden):not(:last-child) {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline;
    float: left;
    max-width: 74%
}
@media only screen and (min-width: 1280px) {
    .list li label:not(.hidden):not(:last-child) {
        max-width: 87%
    }
}
.list li a {
    padding: 0;
    display: block;
    width: 100%;
    min-height: 2.5em;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.list li a img {
    max-height: 2.5em
}
.list li a img.flagImg {
    margin: 0.5em 0 0 0.5em;
    width: 32px;
    height: 20px;
}
.list li a .custom.checkbox {
    margin: 0.5em 0 0.5em 0.5em;
    padding: 0 0.15em !important
}
.list.f-dropdown li {
    border-top: 0;
    max-width: none
}
.list.f-dropdown li:not(:last-child) {
    border-bottom: 1px solid rgba(17, 17, 17, 0.4)
}
.list.f-dropdown li a *,
.list.f-dropdown li label,
.list.f-dropdown li span {
    padding: 1.1em !important
}
.list.f-dropdown li img {
    padding: 0.75em 0 0.75em 0.5em !important
}
@media all and (max-width: 767px) {
    .f-dropdown:before,
    .f-dropdown:after {
        left: auto
    }
    .f-dropdown:before {
        right: 7px
    }
    .f-dropdown:after {
        right: 6px
    }
    .f-dropdown#languageSettings:before {
        right: 41px
    }
    .f-dropdown#languageSettings:after {
        right: 40px
    }
    .f-dropdown#userSettings:before,
    .f-dropdown#userSettings:after {
        right: auto !important
    }
    .f-dropdown#userSettings:before {
        left: 41px
    }
    .f-dropdown#userSettings:after {
        left: 40px
    }
    .has-place ~ .f-dropdown#userSettings:before,
    .has-place ~ .f-dropdown#userSettings:after {
        right: auto !important
    }
    .has-place ~ .f-dropdown#userSettings:before {
        left: 176px
    }
    .has-place ~ .f-dropdown#userSettings:after {
        left: 175px
    }
    .has-place ~ .f-dropdown#placeSettings:before,
    .has-place ~ .f-dropdown#placeSettings:after {
        right: auto !important
    }
    .has-place ~ .f-dropdown#placeSettings:before {
        left: 21px;
        border-bottom-color: #222
    }
    .has-place ~ .f-dropdown#placeSettings:after {
        left: 20px
    }
    .has-place ~ .f-dropdown#placeSettings li.show-for-small a {
        background-color: #222
    }
    .has-place ~ .f-dropdown#placeSettings li.show-for-small a>* {
        color: #fff
    }
}
#crop_photo_div img {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}
#crop_photo_div img:not(#preview) {
    height: auto !important;
    opacity: 1
}
#crop_photo_div img #preview {
    max-width: none
}
#crop_photo_div .large-9 {
    min-height: 7em
}
#crop_photo_div .large-3 div {
    height: 100px;
    width: 100px;
    overflow: hidden;
    position: relative
}
#crop_photo_div .large-3 div img {
    position: absolute;
    top: 0;
    left: 0
}
#crop_photo_div .jcrop-holder {
    margin: 0 auto
}
@media all and (max-width: 767px) {
    .right.inline {
        float: none
    }
}
[onclick],
[onclick] span,
[data-reveal-id],
[data-reveal-id] span,
a[class*='-event'],
a[class*='-event'] span,
a.close,
a.close span,
a.close-reveal-modal,
a.close-reveal-modal span,
a#continue_crop,
a#continue_crop span,
.button,
.call-to-action,
.button span,
.call-to-action span,
.paginate_enabled_previous,
.paginate_enabled_previous span,
.paginate_enabled_next,
.paginate_enabled_next span,
input[type='file'],
input[type='file'] span,
input[type='checkbox'],
input[type='checkbox'] span,
input[type='radio'],
input[type='radio'] span,
[data-dropdown],
[data-dropdown] span {
    cursor: pointer
}
::-webkit-scrollbar {
    width: 10px;
    height: 0.3125em;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
::-webkit-scrollbar-track {
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5
}
::-webkit-scrollbar-thumb {
    width: 10px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 0.125em
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.025)
}
.alert-box.info {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-weight: bold;
    margin-bottom: 1.25em;
    position: relative;
    padding: 0.6875em 1.3125em 0.75em 0.6875em;
    font-size: 0.875em;
    background-color: #fafafa;
    border-color: #e1e1e1;
    color: #505050
}
.grid {
    display: table;
    width: 100%;
    list-style: none;
    position: relative
}
html.touch .grid>* {
    margin: 1%
}
html.touch .grid>*>* {
    max-width: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0
}
html.touch .grid>* img {
    width: 100%
}
@media (min-width: 1900px) {
    html.touch .grid>* {
        width: 14.16667%;
        padding-bottom: 14.16667%;
        margin: 1%
    }
}
@media (max-width: 1900px) {
    html.touch .grid>* {
        width: 17.5%;
        padding-bottom: 17.5%;
        margin: 1%
    }
}
@media (max-width: 1400px) {
    html.touch .grid>* {
        width: 22.5%;
        padding-bottom: 22.5%;
        margin: 1%
    }
}
@media (max-width: 800px) {
    html.touch .grid>* {
        width: 30.83333%;
        padding-bottom: 30.83333%;
        margin: 1%
    }
}
@media (max-width: 550px) {
    html.touch .grid>* {
        width: 47.5%;
        padding-bottom: 47.5%;
        margin: 1%
    }
}
@media (max-width: 350px) {
    html.touch .grid>* {
        width: 97.5%;
        padding-bottom: 97.5%;
        margin: 1%
    }
}
html.no-touch .grid>*,
.header .actions html.action.loading .grid>* {
    margin: 1%
}
html.no-touch .grid>*>*,
.header .actions html.action.loading .grid>*>* {
    max-width: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0
}
html.no-touch .grid>* img,
.header .actions html.action.loading .grid>* img {
    width: 100%
}
@media (min-width: 1900px) {
    html.no-touch .grid>*,
    .header .actions html.action.loading .grid>* {
        width: 11.78571%;
        padding-bottom: 11.78571%;
        margin: 1%
    }
}
@media (max-width: 1900px) {
    html.no-touch .grid>*,
    .header .actions html.action.loading .grid>* {
        width: 14.16667%;
        padding-bottom: 14.16667%;
        margin: 1%
    }
}
@media (max-width: 1400px) {
    html.no-touch .grid>*,
    .header .actions html.action.loading .grid>* {
        width: 17.5%;
        padding-bottom: 17.5%;
        margin: 1%
    }
}
@media (max-width: 800px) {
    html.no-touch .grid>*,
    .header .actions html.action.loading .grid>* {
        width: 22.5%;
        padding-bottom: 22.5%;
        margin: 1%
    }
}
@media (max-width: 550px) {
    html.no-touch .grid>*,
    .header .actions html.action.loading .grid>* {
        width: 30.83333%;
        padding-bottom: 30.83333%;
        margin: 1%
    }
}
@media (max-width: 350px) {
    html.no-touch .grid>*,
    .header .actions html.action.loading .grid>* {
        width: 47.5%;
        padding-bottom: 47.5%;
        margin: 1%
    }
}
@media (max-width: 0) {
    html.no-touch .grid>*,
    .header .actions html.action.loading .grid>* {
        width: 97.5%;
        padding-bottom: 97.5%;
        margin: 1%
    }
}
.qrCode canvas {
    background-color: #fff;
    border: 0.5em solid #fff
}
.qrCode,
.qrCode canvas {
    width: 100%
}
.collapse-children>.columns {
    padding-left: 0;
    padding-right: 0
}
.action-icon {
    color: #fff;
    position: relative;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 1.4em;
    width: 2em;
    height: 2em;
    display: block;
    overflow: hidden;
    padding: 0.5em !important
}
.action-icon:not(:last-child) {
    margin-bottom: 0.2em
}
.inline-button {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.3em;
    padding-right: 0.6em;
    padding-bottom: 0.3625em;
    padding-left: 0.6em;
    font-size: 0.175em;
    background-color: rgba(0, 0, 0, 0.8);
    border-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding-right: 0;
    padding-left: 0;
    font-size: 1.5em;
    text-align: center;
    overflow: hidden
}
.inline-button:hover,
.inline-button:focus {
    background-color: rgba(0, 0, 0, 0.8)
}
.inline-button:hover,
.inline-button:focus {
    color: #fff
}
.inline-button>*,
.inline-button:hover>* {
    color: #fff
}
.attr {
    margin: 0 auto;
    display: inline-block;
    width: 100%
}
.attr a {
    display: block;
    float: left;
    position: relative;
    border-right: 1px solid #fff;
    overflow: hidden;
    width: 25%;
    height: 100%
}
.attr a div {
    border: 0.6em solid transparent;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center;
    height: 100%;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out
}
.attr a div img {
    width: 100%;
    max-width: 2.5em
}
.attr a:first-child:last-child {
    width: 100%;
    position: relative
}
.attr a:first-child:last-child div {
    float: left;
    width: 25%
}
.attr a:first-child:last-child div img {
    width: 100%
}
.attr input {
    opacity: 0;
    z-index: 15;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}
.attr input:checked+div {
    background-color: #00B2CA
}
.attr.list li {
    display: table
}
.attr.list li a input:not(:checked) ~ label {
    color: rgba(17, 17, 17, 0.5)
}
.attr.list li a div {
    height: 2.5em;
    width: 2.5em !important;
    padding: 0 !important;
    border-width: 0.4em !important
}
.gradient-bg {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.75)), color-stop(0.25, rgba(0, 0, 0, 0.6)), color-stop(0.85, rgba(0, 0, 0, 0.05)), color-stop(0.999, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 99.9%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 99.9%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 99.9%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 99.9%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 99.9%, rgba(0, 0, 0, 0) 100%);
    padding-top: 35px;
    zoom: 1
}
.tile {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    position: relative !important;
    float: left;
    height: 0
}
.tile.addNew {
    background-color: #e9e9e9;
    background-image: url("../img/icons/add_b.png");
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.svg .tile.addNew {
    background-image: url("../img/icons/add_b.svg")
}
.tile.addNew:hover,
.tile.addNew:focus {
    background-color: #c3c3c3
}
.tile.addNew .content {
    text-shadow: none;
    color: rgba(17, 17, 17, 0.75)
}
.tile a {
    line-height: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.tile a[style*="background-image"] {
    background-image: url("../img/icons/picture.png");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat
}
.svg .tile a[style*="background-image"] {
    background-image: url("../img/icons/picture.svg")
}
.tile:not(.addNew) a {
    background-color: #e2e2e2
}
.tile .main {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1
}
.tile .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 7px;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    z-index: 3
}
.user-dragging .tile .overlay {
    pointer-events: none
}
.tile .overlay .content {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    overflow: hidden;
    line-height: 1.25
}
.tile .overlay .content [class*='icon'] {
    color: #fff;
    line-height: inherit;
    padding: 0 0.3em;
    cursor: pointer
}
.tile .overlay .content:empty {
    display: none
}
.tile .overlay .tile-footer {
    clear: both;
    margin-top: 0.4em;
    padding-top: 0.4em;
    display: table;
    width: 100%;
    border-top: 1px solid rgba(238, 238, 238, 0.5);
    position: relative
}
.tile .overlay .tile-footer .linked-products {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 90%;
    max-width: 95%
}
.tile .overlay .tile-footer .missing-lang {
    position: relative;
    display: none;
    margin-top: 1px
}
.tile .overlay .tile-footer .missing-lang:first-child,
.tile .overlay .tile-footer .missing-lang:nth-child(2),
.tile .overlay .tile-footer .missing-lang:nth-child(3) {
    display: inline-block
}
.tile .overlay .tile-footer .missing-lang:nth-child(3) img,
.tile .overlay .tile-footer .missing-lang:nth-child(3) span {
    display: none
}
.tile .overlay .tile-footer .missing-lang:nth-child(3):before {
    font-size: 50%;
    vertical-align: text-top
}
.tile .overlay .tile-footer .missing-lang img {
    max-width: 19px;
    float: left;
    margin: 0 0.4em 0.25em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.tile .overlay .tile-footer .missing-lang img:not(:hover) {
    -webkit-filter: grayscale(33%);
    -moz-filter: grayscale(33%);
    -ms-filter: grayscale(33%);
    -o-filter: grayscale(33%);
    filter: grayscale(33%)
}
.tile .overlay .tile-footer .missing-lang .icon-warning {
    position: absolute;
    z-index: 2;
    top: -25%;
    left: -25%;
    font-size: 85%
}
.tile .overlay .tile-footer .right:not(:empty) ~ .linked-products>:last-child {
    display: none
}
.tile .overlay .tile-header {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    z-index: 0;
    padding: 0.4em;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, rgba(0, 0, 0, 0.5)), color-stop(1, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 100%)
}
.tile .overlay .product-type {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}
.tile .overlay .product-type>span {
    padding: 0;
    position: absolute;
    top: 10%;
    right: 10%;
    font-size: 1.5em;
    color: #fff;
    z-index: 5;
    text-shadow: none;
    width: 1em;
    text-align: center
}
.tile .overlay .product-type ~ .tile-header {
    padding-top: 4em
}
.tile .overlay .price {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(17, 17, 17, 0.2);
    border-radius: 5px;
    padding: 5px 8px
}
.tile .overlay .corner {
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 15%;
    min-width: 60px;
    min-height: 60px;
    padding: 10px;
    text-align: right
}
.tile .preview {
    position: absolute;
    top: -3%;
    left: -3%;
    width: 37%;
    z-index: 15
}
.tile .preview img {
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: #888688;
}
.tile .preview:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #fafafa;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.25)), color-stop(0.5, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%)
}
.tile .preview.imgError:before {
    background-color: #e2e2e2
}
.tile.category,
.tile.TilePage {
    background-image: url("../img/category_tile.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .tile.category,
    .tile.TilePage {
        background-image: url("../img/category_tile@2x.png")
    }
}
.tile.category a,
.tile.TilePage a {
    width: 88.5%;
    height: 88.5%;
    margin: 6%
}
.tile.user .product-type,
.tile.manager .product-type {
    width: 3.5em;
    height: 3.5em;
    -webkit-mask: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(100%, #000));
    -webkit-mask: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -moz-mask: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -ms-mask: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -o-mask: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    mask: linear-gradient(to top right, transparent 0%, transparent 50%, #000 50.1%, #000 100%)
}
.tile.user .product-type:after,
.tile.user .product-type:before,
.tile.manager .product-type:after,
.tile.manager .product-type:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.tile.user .product-type:after,
.tile.manager .product-type:after {
    background: #158cb3;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(55%, rgba(21, 140, 179, 0.8)), color-stop(60%, rgba(21, 140, 179, 0.8)), color-stop(100%, rgba(21, 140, 179, 0.9)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #158cb3 50.1%, #158cb3 60%, #189eca 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #158cb3 50.1%, #158cb3 60%, #189eca 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #158cb3 50.1%, #158cb3 60%, #189eca 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #158cb3 50.1%, #158cb3 60%, #189eca 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #158cb3 50.1%, #158cb3 60%, #189eca 100%);
    z-index: 4
}
.tile.user .product-type:before,
.tile.manager .product-type:before {
    z-index: 6;
    background: transparent;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, rgba(0, 0, 0, 0.9)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%)
}
.tile.admin .product-type,
.tile.reseller .product-type {
    width: 3.5em;
    height: 3.5em;
    -webkit-mask: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(100%, #000));
    -webkit-mask: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -moz-mask: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -ms-mask: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -o-mask: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    mask: linear-gradient(to top right, transparent 0%, transparent 50%, #000 50.1%, #000 100%)
}
.tile.admin .product-type:after,
.tile.admin .product-type:before,
.tile.reseller .product-type:after,
.tile.reseller .product-type:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.tile.admin .product-type:after,
.tile.reseller .product-type:after {
    background: #0d566f;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(55%, rgba(13, 86, 111, 0.8)), color-stop(60%, rgba(13, 86, 111, 0.8)), color-stop(100%, rgba(13, 86, 111, 0.9)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #0d566f 50.1%, #0d566f 60%, #106885 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #0d566f 50.1%, #0d566f 60%, #106885 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #0d566f 50.1%, #0d566f 60%, #106885 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #0d566f 50.1%, #0d566f 60%, #106885 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #0d566f 50.1%, #0d566f 60%, #106885 100%);
    z-index: 4
}
.tile.admin .product-type:before,
.tile.reseller .product-type:before {
    z-index: 6;
    background: transparent;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, rgba(0, 0, 0, 0.9)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%)
}
.tile.partner .product-type {
    width: 3.5em;
    height: 3.5em;
    -webkit-mask: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(100%, #000));
    -webkit-mask: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -moz-mask: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -ms-mask: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -o-mask: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    mask: linear-gradient(to top right, transparent 0%, transparent 50%, #000 50.1%, #000 100%)
}
.tile.partner .product-type:after,
.tile.partner .product-type:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.tile.partner .product-type:after {
    background: #083341;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(55%, rgba(8, 51, 65, 0.8)), color-stop(60%, rgba(8, 51, 65, 0.8)), color-stop(100%, rgba(8, 51, 65, 0.9)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #083341 50.1%, #083341 60%, #0a4558 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #083341 50.1%, #083341 60%, #0a4558 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #083341 50.1%, #083341 60%, #0a4558 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #083341 50.1%, #083341 60%, #0a4558 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #083341 50.1%, #083341 60%, #0a4558 100%);
    z-index: 4
}
.tile.partner .product-type:before {
    z-index: 6;
    background: transparent;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, rgba(0, 0, 0, 0.9)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%)
}
.tile.god .product-type {
    width: 3.5em;
    height: 3.5em;
    -webkit-mask: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(100%, #000));
    -webkit-mask: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -moz-mask: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -ms-mask: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -o-mask: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    mask: linear-gradient(to top right, transparent 0%, transparent 50%, #000 50.1%, #000 100%)
}
.tile.god .product-type:after,
.tile.god .product-type:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.tile.god .product-type:after {
    background: #444;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(55%, rgba(68, 68, 68, 0.8)), color-stop(60%, rgba(68, 68, 68, 0.8)), color-stop(100%, rgba(68, 68, 68, 0.9)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #444 50.1%, #444 60%, #515151 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #444 50.1%, #444 60%, #515151 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #444 50.1%, #444 60%, #515151 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #444 50.1%, #444 60%, #515151 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #444 50.1%, #444 60%, #515151 100%);
    z-index: 4
}
.tile.god .product-type:before {
    z-index: 6;
    background: transparent;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, rgba(0, 0, 0, 0.9)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%)
}
.tile.category .product-type {
    width: 3.5em;
    height: 3.5em;
    -webkit-mask: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(100%, #000));
    -webkit-mask: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -moz-mask: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -ms-mask: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -o-mask: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    mask: linear-gradient(to top right, transparent 0%, transparent 50%, #000 50.1%, #000 100%)
}
.tile.category .product-type:after,
.tile.category .product-type:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.tile.category .product-type:after {
    background: #444;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(55%, rgba(68, 68, 68, 0.8)), color-stop(60%, rgba(68, 68, 68, 0.8)), color-stop(100%, rgba(68, 68, 68, 0.9)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #444 50.1%, #444 60%, #515151 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #444 50.1%, #444 60%, #515151 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #444 50.1%, #444 60%, #515151 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #444 50.1%, #444 60%, #515151 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #444 50.1%, #444 60%, #515151 100%);
    z-index: 4
}
.tile.category .product-type:before {
    z-index: 6;
    background: transparent;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, rgba(0, 0, 0, 0.9)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%)
}
.tile.TilePage .product-type {
    width: 3.5em;
    height: 3.5em;
    -webkit-mask: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(100%, #000));
    -webkit-mask: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -moz-mask: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -ms-mask: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -o-mask: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    mask: linear-gradient(to top right, transparent 0%, transparent 50%, #000 50.1%, #000 100%)
}
.tile.TilePage .product-type:after,
.tile.TilePage .product-type:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.tile.TilePage .product-type:after {
    background: #0c8e35;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(55%, rgba(12, 142, 53, 0.8)), color-stop(60%, rgba(12, 142, 53, 0.8)), color-stop(100%, rgba(12, 142, 53, 0.9)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #0c8e35 50.1%, #0c8e35 60%, #0ea63e 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #0c8e35 50.1%, #0c8e35 60%, #0ea63e 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #0c8e35 50.1%, #0c8e35 60%, #0ea63e 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #0c8e35 50.1%, #0c8e35 60%, #0ea63e 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #0c8e35 50.1%, #0c8e35 60%, #0ea63e 100%);
    z-index: 4
}
.tile.TilePage .product-type:before {
    z-index: 6;
    background: transparent;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, rgba(0, 0, 0, 0.9)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%)
}
.tile.generic .product-type {
    width: 3.5em;
    height: 3.5em;
    -webkit-mask: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(100%, #000));
    -webkit-mask: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -moz-mask: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -ms-mask: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -o-mask: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    mask: linear-gradient(to top right, transparent 0%, transparent 50%, #000 50.1%, #000 100%)
}
.tile.generic .product-type:after,
.tile.generic .product-type:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.tile.generic .product-type:after {
    background: #6a6a6a;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(55%, rgba(106, 106, 106, 0.8)), color-stop(60%, rgba(106, 106, 106, 0.8)), color-stop(100%, rgba(106, 106, 106, 0.9)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #6a6a6a 50.1%, #6a6a6a 60%, #777 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #6a6a6a 50.1%, #6a6a6a 60%, #777 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #6a6a6a 50.1%, #6a6a6a 60%, #777 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #6a6a6a 50.1%, #6a6a6a 60%, #777 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #6a6a6a 50.1%, #6a6a6a 60%, #777 100%);
    z-index: 4
}
.tile.generic .product-type:before {
    z-index: 6;
    background: transparent;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, rgba(0, 0, 0, 0.9)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%)
}
.tile.product .product-type {
    width: 3.5em;
    height: 3.5em;
    -webkit-mask: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(100%, #000));
    -webkit-mask: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -moz-mask: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -ms-mask: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -o-mask: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    mask: linear-gradient(to top right, transparent 0%, transparent 50%, #000 50.1%, #000 100%)
}
.tile.product .product-type:after,
.tile.product .product-type:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.tile.product .product-type:after {
    background: #00B2CA;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(55%, rgba(0, 143, 213, 0.8)), color-stop(60%, rgba(0, 143, 213, 0.8)), color-stop(100%, rgba(0, 143, 213, 0.9)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #00B2CA 50.1%, #00B2CA 60%, #00a0ef 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #00B2CA 50.1%, #00B2CA 60%, #00a0ef 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #00B2CA 50.1%, #00B2CA 60%, #00a0ef 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #00B2CA 50.1%, #00B2CA 60%, #00a0ef 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #00B2CA 50.1%, #00B2CA 60%, #00a0ef 100%);
    z-index: 4
}
.tile.product .product-type:before {
    z-index: 6;
    background: transparent;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, rgba(0, 0, 0, 0.9)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%)
}
.tile.dish .product-type {
    width: 3.5em;
    height: 3.5em;
    -webkit-mask: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(100%, #000));
    -webkit-mask: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -moz-mask: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -ms-mask: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -o-mask: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    mask: linear-gradient(to top right, transparent 0%, transparent 50%, #000 50.1%, #000 100%)
}
.tile.dish .product-type:after,
.tile.dish .product-type:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.tile.dish .product-type:after {
    background: #ef3c24;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(55%, rgba(239, 60, 36, 0.8)), color-stop(60%, rgba(239, 60, 36, 0.8)), color-stop(100%, rgba(239, 60, 36, 0.9)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #ef3c24 50.1%, #ef3c24 60%, #f1513c 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #ef3c24 50.1%, #ef3c24 60%, #f1513c 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #ef3c24 50.1%, #ef3c24 60%, #f1513c 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #ef3c24 50.1%, #ef3c24 60%, #f1513c 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #ef3c24 50.1%, #ef3c24 60%, #f1513c 100%);
    z-index: 4
}
.tile.dish .product-type:before {
    z-index: 6;
    background: transparent;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, rgba(0, 0, 0, 0.9)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%)
}
.tile.optional .product-type {
    width: 3.5em;
    height: 3.5em;
    -webkit-mask: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(100%, #000));
    -webkit-mask: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -moz-mask: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -ms-mask: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -o-mask: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    mask: linear-gradient(to top right, transparent 0%, transparent 50%, #000 50.1%, #000 100%)
}
.tile.optional .product-type:after,
.tile.optional .product-type:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.tile.optional .product-type:after {
    background: grey;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, grey), color-stop(50%, grey), color-stop(50.1%, grey), color-stop(55%, grey), color-stop(60%, grey), color-stop(100%, grey));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%,grey 50.1%, grey 60%, grey 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, grey 50.1%, grey 60%, grey 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, grey 50.1%, grey 60%, grey 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, grey 50.1%, grey 60%, grey 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, grey 50.1%, grey 60%, grey 100%);
    z-index: 4
}
.tile.optional .product-type:before {
    z-index: 6;
    background: transparent;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, rgba(0, 0, 0, 0.9)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%)
}
.tile.starter .product-type:after {
    background: green;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, green), color-stop(50%, green), color-stop(50.1%, green), color-stop(55%, green), color-stop(60%, green), color-stop(100%, green));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%,green 50.1%, green 60%, green 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, green 50.1%, green 60%, green 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, green 50.1%, green 60%, green 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, green 50.1%, green 60%, green 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, green 50.1%, green 60%, green 100%);
    z-index: 4
}
.tile.wine .product-type:after {
    background: red;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, red), color-stop(50%, red), color-stop(50.1%, red), color-stop(55%, red), color-stop(60%, red), color-stop(100%, red));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%,red 50.1%, red 60%, red 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, red 50.1%, red 60%, red 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, red 50.1%, red 60%, red 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, red 50.1%, red 60%, red 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, red 50.1%, red 60%, red 100%);
    z-index: 4
}
.tile.cafeteria .product-type:after {
    background: blue;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, blue), color-stop(50%, blue), color-stop(50.1%, blue), color-stop(55%, blue), color-stop(60%, blue), color-stop(100%, blue));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%,blue 50.1%, blue 60%, blue 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, blue 50.1%, blue 60%, blue 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, blue 50.1%, blue 60%, blue 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, blue 50.1%, blue 60%, blue 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, blue 50.1%, blue 60%, blue 100%);
    z-index: 4
}
.tile.menu .product-type:after {
    background: purple;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, purple), color-stop(50%, purple), color-stop(50.1%, purple), color-stop(55%, purple), color-stop(60%, purple), color-stop(100%, purple));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%,purple 50.1%, purple 60%, purple 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, purple 50.1%, purple 60%, purple 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, purple 50.1%, purple 60%, purple 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, purple 50.1%, purple 60%, purple 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, purple 50.1%, purple 60%, purple 100%);
    z-index: 4
}
.tile.composed .product-type:after {
    background: brown;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, brown), color-stop(50%, brown), color-stop(50.1%, brown), color-stop(55%, brown), color-stop(60%, brown), color-stop(100%, brown));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%,brown 50.1%, brown 60%, brown 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, brown 50.1%, brown 60%, brown 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, brown 50.1%, brown 60%, brown 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, brown 50.1%, brown 60%, brown 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, brown 50.1%, brown 60%, brown 100%);
    z-index: 4
}
.tile.desert .product-type:after {
    background: orange;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, orange), color-stop(50%, orange), color-stop(50.1%, orange), color-stop(55%, orange), color-stop(60%, orange), color-stop(100%, orange));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%,orange 50.1%, orange 60%, orange 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, orange 50.1%, orange 60%, orange 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, orange 50.1%, orange 60%, orange 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, orange 50.1%, orange 60%, orange 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, orange 50.1%, orange 60%, orange 100%);
    z-index: 4
}
/*.tile.ProductPage .product-type {
    width: 3.5em;
    height: 3.5em;
    -webkit-mask: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(100%, #000));
    -webkit-mask: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -moz-mask: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -ms-mask: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    -o-mask: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #000 50.1%, #000 100%);
    mask: linear-gradient(to top right, transparent 0%, transparent 50%, #000 50.1%, #000 100%)
}
.tile.ProductPage .product-type:after,
.tile.ProductPage .product-type:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}
.tile.ProductPage .product-type:after {
    background: #ef3c24;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, #000), color-stop(55%, rgba(239, 60, 36, 0.8)), color-stop(60%, rgba(239, 60, 36, 0.8)), color-stop(100%, rgba(239, 60, 36, 0.9)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, #ef3c24 50.1%, #ef3c24 60%, #f1513c 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, #ef3c24 50.1%, #ef3c24 60%, #f1513c 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, #ef3c24 50.1%, #ef3c24 60%, #f1513c 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, #ef3c24 50.1%, #ef3c24 60%, #f1513c 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, #ef3c24 50.1%, #ef3c24 60%, #f1513c 100%);
    z-index: 4
}
.tile.ProductPage .product-type:before {
    z-index: 6;
    background: transparent;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, transparent), color-stop(50%, transparent), color-stop(50.1%, rgba(0, 0, 0, 0.9)), color-stop(55%, rgba(0, 0, 0, 0.8)), color-stop(60%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom left, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.9) 50.1%, rgba(0, 0, 0, 0.25) 55%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%)
}*/
.tablet .tile a {
    background-color: transparent !important
}
.tablet .tile form {
    position: absolute;
    z-index: 0;
    top: 7%;
    width: 60%;
    left: 20%;
    height: 86%;
    padding: 0;
    background-color: #fff
}
.tablet .tile form>* {
    padding: 1% 5%;
    margin: 4% 0;
    position: relative;
    clear: both
}
.tablet .tile form .corner {
    position: absolute;
    top: 5%;
    left: 7%;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    z-index: 5;
    background: #5da423 !important
}
.tablet .tile form .actions {
    padding: 0;
    margin: 11% 0 3%
}
.tablet .tile form .actions>* {
    float: right;
    color: #111
}
.tablet .tile form .lead {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 100%;
    background-color: #005c89
}
@media all and (max-width: 767px) {
    .tablet .tile form .lead {
        font-size: 80%
    }
}
.tablet .tile form input,
.tablet .tile form>span {
    position: absolute;
    left: 6%;
    width: 88%
}
.tablet .tile form input {
    bottom: 2em
}
.tablet .tile form>span {
    bottom: 45%;
    text-align: center;
    opacity: 0.8;
    color: #111;
    font-size: 75%
}
@media only screen and (min-width: 1280px) {
    .tablet .tile form>span {
        font-size: 90%;
        bottom: 4.5em
    }
}
@media all and (max-width: 767px) {
    .tablet .tile form>span {
        display: none
    }
}
.tablet .tile.active form .corner {
    background: #f1c40f !important
}
.tablet .tile.active form .lead {
    background-color: #666
}
.tablet .tile.alert form .corner {
    background: #c60f13 !important
}
.tablet .tile.alert form .lead {
    background-color: #666
}
.tablet .tile.alert form>span {
    color: #c60f13
}
.qr .tile .content {
    padding-top: 10px;
    background: rgba(255, 255, 255, 0.9)
}
.qr .tile .content span {
    font-size: 1.25em
}
.qr .tile .content,
.qr .tile .content * {
    color: #3B353B !important;
    text-shadow: none
}
.touch .tile .content {
    font-size: 1.2em
}
body {
    padding-top: 50px
}
html.no-touch body,
.header .actions html.action.loading body {
    padding-top: 40px
}
.page-container {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
body,
.offcanvas,
.master-content,
.page-container,
.sidebar {
    min-height: 100%
}
body,
.offcanvas,
.master-content,
.offcanvas-move,
.sidebar {
    min-height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.sidebar-bg {
    z-index: 96
}
.sidebar,
.master-content {
    overflow-y: auto;
    overflow-x: hidden
}
.page-container {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    padding-top: 50px;
    padding-left: 0
}
html.no-touch .page-container,
.header .actions html.action.loading .page-container {
    padding-top: 40px
}
.top-bar {
    background: transparent;
    height: 100% !important;
    max-height: none !important
}
.top-bar .top-bar-section {
    height: 100%
}
.top-bar .top-bar-section.has-moved {
    left: -100%
}
.top-bar .top-bar-section ul {
    width: 100%;
    height: 100%;
    padding-top: 65px;
    display: block
}
html.no-touch .top-bar .top-bar-section ul,
.header .actions html.action.loading .top-bar .top-bar-section ul {
    padding-top: 55px
}
.top-bar .top-bar-section ul li {
    display: table;
    width: 100%;
    position: relative;
    padding-bottom: 0.75em
}
.top-bar .top-bar-section ul li:nth-child(2) {
    margin-top: 0.5em
}
.top-bar .top-bar-section ul li:not(:last-child):not(.no-divider) {}.top-bar .top-bar-section ul li.has-dropdown .nav-arrow {
    opacity: 1;
    right: 0.75em;
    margin-top: -0.25em;
    border-width: 1px 1px 0 0;
    width: 0.5em;
    height: 0.5em
}
.top-bar .top-bar-section ul li ul {}.top-bar .top-bar-section ul,
.top-bar .top-bar-section ul a:not(.active) {
    background: transparent
}
.top-bar .top-bar-section ul a {
    padding: 0 !important;
    font-size: 0.9em !important;
    font-weight: normal
}
.top-bar .top-bar-section ul a:not(.close_sidebar)>* {
    display: block;
    float: none;
    clear: both
}
.top-bar .top-bar-section ul a [class*='icon-'] {
    font-size: 2.25em !important
}
.sidebar {
    left: -8em;
    top: 0;
    height: 100%;
    position: absolute !important;
    overflow: hidden;
    max-width: 85%;
    width: 8em;
    background-color: #888688;
    max-height: 100%;
    z-index: 15;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.sidebar:after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1.5em;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.8)), color-stop(1, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)
}
.page-container .sidebar:after {
    display: none
}
.sidebar>nav {
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 1.25em;
    overflow: auto;
    width: 100%
}
.sidebar legend {
    position: relative;
    color: #fff !important;
    width: 100%;
    padding: 0.15em 0.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.4);
    border-color: rgba(0, 0, 0, 0.4) transparent;
    margin: 0.2em 0
}
.sidebar legend:first-child {
    border-top-color: transparent;
    margin-top: 0
}
.sidebar legend+a:not(.active):after {
    display: none !important
}
.sidebar a {
    width: 100%;
    color: #111;
    cursor: pointer;
    border: 0 !important;
    padding: 0.6em 0.4em;
    width: 100%;
    clear: both;
    display: block;
    position: relative;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    z-index: 2
}
.sidebar a>* {
    color: #fff
}
.sidebar a,
.sidebar a * {
    color: #fff !important
}
.sidebar a:not(.no-divider):not(:first-child):before {
    content: "";
    position: absolute;
    top: 0;
    right: 5%;
    width: 90%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    display: block
}
.sidebar a.no-divider {
    margin-top: 0.5em
}
.sidebar a.no-divider:after {
    display: none
}
.sidebar .dropdown {
    border: 0
}
.sidebar .sidebar-options {
    position: absolute !important;
    top: 0;
    left: 0;
    padding: 0.6em;
    z-index: 15;
    display: block;
    font-size: 50% !important;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.active-sidebar-item,
[page='home'] .sidebar a.home,
[page='content'] .sidebar a.content,
[page='users'] .sidebar a.users,
[page='editPlace'] .sidebar a.editPlace,
[page='services'] .sidebar a.services,
[page='store'] .sidebar a.store,
[page='orders'] .sidebar a.orders,
[page='optionals'] .sidebar a.optionals,
[sub-page='tablets'] .sidebar a.tablets,
[sub-page='smartphones'] .sidebar a.smartphones,
[sub-page='users'] .sidebar a.users,
[sub-page='editPlace'] .sidebar a.editPlace,
[sub-page='products'] .sidebar .products-container a,
[sub-page='catalogs'] .sidebar .catalogs-container a,
.sidebar li.active a {
    margin-left: 5%;
    width: 95%;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.8) transparent rgba(0, 0, 0, 0.4);
    background-color: #f4f4f4 !important
}
.active-sidebar-item,
[page='home'] .sidebar a.home,
[page='content'] .sidebar a.content,
[page='users'] .sidebar a.users,
[page='editPlace'] .sidebar a.editPlace,
[page='services'] .sidebar a.services,
[page='store'] .sidebar a.store,
[page='orders'] .sidebar a.orders,
[page='optionals'] .sidebar a.optionals,
[sub-page='tablets'] .sidebar a.tablets,
[sub-page='smartphones'] .sidebar a.smartphones,
[sub-page='users'] .sidebar a.users,
[sub-page='editPlace'] .sidebar a.editPlace,
[sub-page='products'] .sidebar .products-container a,
[sub-page='catalogs'] .sidebar .catalogs-container a,
.sidebar li.active a,
.active-sidebar-item *,
[page='home'] .sidebar a.home *,
[page='content'] .sidebar a.content *,
[page='users'] .sidebar a.users *,
[page='editPlace'] .sidebar a.editPlace *,
[page='services'] .sidebar a.services *,
[page='store'] .sidebar a.store *,
[page='orders'] .sidebar a.orders *,
[page='optionals'] .sidebar a.optionals *,
[sub-page='tablets'] .sidebar a.tablets *,
[sub-page='smartphones'] .sidebar a.smartphones *,
[sub-page='users'] .sidebar a.users *,
[sub-page='editPlace'] .sidebar a.editPlace *,
[sub-page='products'] .sidebar .products-container a *,
[sub-page='catalogs'] .sidebar .catalogs-container a *,
.sidebar li.active a * {
    color: #3B353B !important
}
.active-sidebar-item:before,
[page='home'] .sidebar a.home:before,
[page='content'] .sidebar a.content:before,
[page='users'] .sidebar a.users:before,
[page='editPlace'] .sidebar a.editPlace:before,
[page='services'] .sidebar a.services:before,
[page='store'] .sidebar a.store:before,
[page='orders'] .sidebar a.orders:before,
[page='optionals'] .sidebar a.optionals:before,
[sub-page='tablets'] .sidebar a.tablets:before,
[sub-page='smartphones'] .sidebar a.smartphones:before,
[sub-page='users'] .sidebar a.users:before,
[sub-page='editPlace'] .sidebar a.editPlace:before,
[sub-page='products'] .sidebar .products-container a:before,
[sub-page='catalogs'] .sidebar .catalogs-container a:before,
.sidebar li.active a:before {
    content: "";
    top: 100%;
    left: 0;
    background: url("../img/shadow-bottom-left.png") no-repeat top left transparent;
    background-size: contain;
    height: 16px;
    pointer-events: none;
    position: absolute;
    width: 100%
}
.active-sidebar-item+a:before,
[page='home'] .sidebar a.home+a:before,
[page='content'] .sidebar a.content+a:before,
[page='users'] .sidebar a.users+a:before,
[page='editPlace'] .sidebar a.editPlace+a:before,
[page='services'] .sidebar a.services+a:before,
[page='store'] .sidebar a.store+a:before,
[page='orders'] .sidebar a.orders+a:before,
[page='optionals'] .sidebar a.optionals+a:before,
[sub-page='tablets'] .sidebar a.tablets+a:before,
[sub-page='smartphones'] .sidebar a.smartphones+a:before,
[sub-page='users'] .sidebar a.users+a:before,
[sub-page='editPlace'] .sidebar a.editPlace+a:before,
[sub-page='products'] .sidebar .products-container a+a:before,
[sub-page='catalogs'] .sidebar .catalogs-container a+a:before,
.sidebar li.active a+a:before {
    display: none
}
.active-sidebar-item .sidebar-options,
[page='home'] .sidebar a.home .sidebar-options,
[page='content'] .sidebar a.content .sidebar-options,
[page='users'] .sidebar a.users .sidebar-options,
[page='editPlace'] .sidebar a.editPlace .sidebar-options,
[page='services'] .sidebar a.services .sidebar-options,
[page='store'] .sidebar a.store .sidebar-options,
[page='orders'] .sidebar a.orders .sidebar-options,
[page='optionals'] .sidebar a.optionals .sidebar-options,
[sub-page='tablets'] .sidebar a.tablets .sidebar-options,
[sub-page='smartphones'] .sidebar a.smartphones .sidebar-options,
[sub-page='users'] .sidebar a.users .sidebar-options,
[sub-page='editPlace'] .sidebar a.editPlace .sidebar-options,
[sub-page='products'] .sidebar .products-container a .sidebar-options,
[sub-page='catalogs'] .sidebar .catalogs-container a .sidebar-options,
.sidebar li.active a .sidebar-options {
    opacity: 1
}
html.loading .sidebar a {
    margin-left: 0 !important;
    width: 100% !important;
    border: 0 !important;
    background-color: transparent !important;
}
html.loading .sidebar a * {
    color: #fff !important;
}
html.loading .sidebar a:before {
    display: none !important;
}
.tablet-container,
.mobile-container {
    display: none;
    visibility: hidden;
    opacity: 0
}
[sub-page='tablets'] .page-container .tablet-container,
[sub-page='smartphones'] .page-container .mobile-container {
    display: block;
    visibility: visible;
    opacity: 1
}
.large-icons a {
    display: block;
    width: 100%;
    text-align: center;
    float: left;
    padding: 0
}
.large-icons a .icon {
    font-size: 1.75em;
    padding: 15px;
    display: block
}
.large-icons a,
.large-icons a * {
    color: #3B353B
}
.large-icons a label {
    padding: 0.3em 0;
    margin: 0
}
.topbar-container {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 50px;
    list-style: none;
    width: 100%;
    z-index: 150;
    background-color: #00B2CA !important
}
html.no-touch .topbar-container,
.header .actions html.action.loading .topbar-container {
    height: 40px
}
@media only screen and (min-width: 767px) {
    .topbar-container {
        z-index: 99
    }
}
.topbar-container .button-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    width: 100%
}
@media all and (max-width: 767px) {
    .topbar-container .button-bar {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical
    }
}
.topbar-container .button-bar .button-group {
    float: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.topbar-container .button-bar .button-group:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1
}
.topbar-container .button-bar .button-group:before,
.topbar-container .button-bar .button-group:after {
    display: none
}
.topbar-container .topbar-logo {
    padding-right: 0.2em !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
@media all and (max-width: 767px) {
    body:not(.offcanvas) .topbar-container .topbar-logo .nav-arrow {
        display: none !important
    }
}
.topbar-container .topbar-logo:hover {
    background-color: transparent !important
}
@media only screen and (min-width: 767px) {
    .topbar-container .topbar-logo a .icon-simi-outline {
        position: absolute;
        top: 0;
        left: 0
    }
    .topbar-container .topbar-logo.nav-bar-visible {
        padding-left: 1.75em
    }
    html.no-touch .topbar-container .topbar-logo.nav-bar-visible,
    .header .actions html.action.loading .topbar-container .topbar-logo.nav-bar-visible {
        padding-left: 1em
    }
    .topbar-container .topbar-logo .nav-arrow {
        display: block !important
    }
}
.topbar-container .topbar-logo a {
    padding-top: 0;
    padding-bottom: 0
}
.topbar-container .topbar-logo a span {
    color: #fff !important
}
.topbar-container li {
   /* height: 50px;
    max-width: 13em*/
}
@media only screen and (min-width: 1280px) {
    .topbar-container li {
        /*max-width: 17em*/
    }
}
html.no-touch .topbar-container li,
.header .actions html.action.loading .topbar-container li {
    height: 40px
}
html.no-touch .topbar-container li:hover,
.header .actions html.action.loading .topbar-container li:hover {
    background-color: #fff
}
html.no-touch .topbar-container li:hover a,
.header .actions html.action.loading .topbar-container li:hover a {
    color: #111
}
.topbar-container .user-avatar {
    max-height: 82%;
    float: left;
    margin: 2%
}
.topbar-container .button-group {
    margin-right: 0
}
.topbar-container .button-group li {
    padding: 0 0.5em
}
.topbar-container .button-group li:hover {
    background-color: #fff
}
.topbar-container .button-group a {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0.0625em;
    padding-left: 0;
    font-size: -0.125em;
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(230, 230, 230, 0);
    color: #333;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    margin-bottom: 0;
    color: #fff;
    font-size: 1em;
    width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-color: transparent;
    border-style: solid;
    border-width: 0 1px;
    height: 50px;
    line-height: 2.5
}
.topbar-container .button-group a:hover,
.topbar-container .button-group a:focus {
    background-color: rgba(230, 230, 230, 0)
}
.topbar-container .button-group a:hover,
.topbar-container .button-group a:focus {
    color: #333
}
.topbar-container .button-group a span {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 5px;
    max-width: 100%
}
.topbar-container .button-group a span:not(:first-child) {
    max-width: 90%
}
.topbar-container .button-group a span[class*='icon-'] {
    padding-top: 10px
}
html.no-touch .topbar-container .button-group a,
.header .actions html.action.loading .topbar-container .button-group a {
    height: 40px;
    font-weight: normal;
    font-size: 85%;
    padding-top: 0
}
html.no-touch .topbar-container .button-group a span,
.header .actions html.action.loading .topbar-container .button-group a span {}.topbar-container .button-group a [class*='icon'] {
    font-size: 1.5em;
    min-width: 1.5em
}
.topbar-container .button-group li[data-dropdown] {
    padding-right: 1.75em;
    position: relative
}
.topbar-container .button-group li[data-dropdown]:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-width: 9px 6px;
    top: 1.25em;
    right: 0.4em;
    border-bottom-width: 0;
    border-top-color: #fff
}
html.no-touch .topbar-container .button-group li[data-dropdown]:after,
.header .actions html.action.loading .topbar-container .button-group li[data-dropdown]:after {
    border-width: 7px 4px;
    top: 1em
}
.topbar-container .button-group li[data-dropdown]:hover:after {
    border-top-color: #111
}
.topbar-container .button-group li:not(:first-child) a {
    border-left-color: transparent
}
.topbar-container .button-group li.topbar-logo a,
.topbar-container .button-group li.topbar-logo+li a,
.topbar-container .button-group li.topbar-logo+li+li a {
    border-width: 0 !important
}
.topbar-container .button-group li.topbar-logo li {
    padding-right: 0.4em
}
.topbar-container .button-group li.topbar-logo+li,
.topbar-container .button-group li.topbar-logo+li+li {
    padding-left: 0.4em;
    line-height: 3
}
.topbar-container .button-group li .logo-font {
    padding-top: 0.65em;
    font: 1.25em "Gotham-Medium_0"
}
html.no-touch .topbar-container .button-group li .logo-font,
.header .actions html.action.loading .topbar-container .button-group li .logo-font {
    padding-top: 0.5em
}
.topbar-container .button-group:last-child li:not(:last-child) a {
    border-right-color: transparent
}
.topbar-container .button-group .long-loading {
    background-color: transparent !important
}
.topbar-container .button-group .long-loading a {
    opacity: 0;
    cursor: help;
    background: transparent !important;
    overflow: hidden;
    width: 0;
    padding: 0;
    float: left;
    display: none
}
@media only screen and (min-width: 767px) {
    .topbar-container .button-group .long-loading a {
        display: block
    }
}
.topbar-container .button-group .long-loading a * {
    color: #fff !important;
    cursor: help
}
.topbar-container .button-group .long-loading a span {
    max-width: 100%
}
.topbar-container .button-group .long-loading a img {
    height: 1.5em;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.75em
}
.topbar-container .button-group .long-loading a img+span {
    padding-left: 2em
}
.topbar-container .button-group .long-loading[step='importing'] .step-importing span:first-child {
    -webkit-animation: fadeInOut 2s infinite;
    -moz-animation: fadeInOut 2s infinite;
    -ms-animation: fadeInOut 2s infinite;
    -o-animation: fadeInOut 2s infinite;
    animation: fadeInOut 2s infinite
}
.topbar-container .button-group .long-loading[step='connecting'] .step-connecting img {
    -webkit-animation: fadeInOut 2s infinite;
    -moz-animation: fadeInOut 2s infinite;
    -ms-animation: fadeInOut 2s infinite;
    -o-animation: fadeInOut 2s infinite;
    animation: fadeInOut 2s infinite
}
.topbar-container .button-group .long-loading[step='syncing'] .step-syncing img {
    -webkit-animation: rotate360 1s infinite;
    -moz-animation: rotate360 1s infinite;
    -ms-animation: rotate360 1s infinite;
    -o-animation: rotate360 1s infinite;
    animation: rotate360 1s infinite
}
.topbar-container .button-group .sessionPlace.checkout-event {
    display: none
}
@media all and (max-width: 767px) {
    [page='content'] .topbar-container .button-group:last-child .sessionPlace.checkout-event,
    [page='services'] .topbar-container .button-group:last-child .sessionPlace.checkout-event {
        display: block
    }
}
@media only screen and (min-width: 767px) {
    [page='content'] .topbar-container .button-group:first-child .sessionPlace.checkout-event,
    [page='services'] .topbar-container .button-group:first-child .sessionPlace.checkout-event {
        display: block
    }
    .topbar-container .button-group .long-loading {
        opacity: 1
    }
}
@media all and (max-width: 767px) {
    .topbar-container {
        overflow: hidden
    }
    .topbar-container.expanded {
        overflow: visible
    }
    .topbar-container .button-group {
        float: none;
        clear: both;
        width: 100%;
        margin: 0
    }
    .topbar-container .button-group .sessionPlace {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1
    }
    .topbar-container .button-group .sessionPlace+.sessionPlace {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-box-flex: 0;
        -o-box-flex: 0;
        box-flex: 0
    }
    .topbar-container .button-group:last-child {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -o-box;
        display: box
    }
    .topbar-container .button-group:last-child li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        background-color: #fff;
        position: relative
    }
    .topbar-container .button-group:last-child a {
        color: #00B2CA;
        width: 100%;
        display: block;
        text-align: center
    }
    .topbar-container .button-group:last-child a:after {
        border-top-color: #3B353B !important
    }
    .topbar-container .button-group:last-child:hover:after {
        border-top-color: #00B2CA !important
    }
    .topbar-container .button-group a {
        padding-right: 0.35em;
        padding-left: 0.35em
    }
    .page-container .topbar-container .f-dropdown {
        margin-top: 50px
    }
    html.no-touch .page-container .topbar-container .f-dropdown,
    .header .actions html.action.loading .page-container .topbar-container .f-dropdown {
        margin-top: 40px
    }
}
.loading-visible,
.topbar-container .button-group .long-loading:not([step]) .step-loading,
.topbar-container .button-group .long-loading[step='loading'] .step-loading,
.topbar-container .button-group .long-loading[step='importing'] .step-importing,
.topbar-container .button-group .long-loading[step='connecting'] .step-connecting,
.topbar-container .button-group .long-loading[step='syncing'] .step-syncing,
.topbar-container .button-group .long-loading[step='success'] .step-success,
.topbar-container .button-group .long-loading[step='fail'] .step-fail {
    opacity: 1;
    width: auto;
    padding-left: inherit;
    padding-right: inherit;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
@-webkit-keyframes rotate360 {
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg)
    }
}
@-moz-keyframes rotate360 {
    100% {
        -moz-transform: rotate3d(0, 0, 1, 360deg)
    }
}
@-ms-keyframes rotate360 {
    100% {
        -ms-transform: rotate3d(0, 0, 1, 360deg)
    }
}
@-o-keyframes rotate360 {
    100% {
        -o-transform: rotate3d(0, 0, 1, 360deg)
    }
}
@keyframes rotate360 {
    100% {
        transform: rotate3d(0, 0, 1, 360deg)
    }
}
@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0.6
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.6
    }
}
@-moz-keyframes fadeInOut {
    0% {
        opacity: 0.6
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.6
    }
}
@-ms-keyframes fadeInOut {
    0% {
        opacity: 0.6
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.6
    }
}
@-o-keyframes fadeInOut {
    0% {
        opacity: 0.6
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.6
    }
}
@keyframes fadeInOut {
    0% {
        opacity: 0.6
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.6
    }
}
.nav-arrow {
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.4em;
    width: 0.8em;
    height: 0.8em;
    border: 2px solid #f4f4f4;
    border-width: 2px 2px 0 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.nav-arrow:not(.reverse) {
    left: 0.5em;
    -webkit-transform: rotate3d(0, 0, 1, -135deg);
    -moz-transform: rotate3d(0, 0, 1, -135deg);
    -ms-transform: rotate3d(0, 0, 1, -135deg);
    -o-transform: rotate3d(0, 0, 1, -135deg);
    transform: rotate3d(0, 0, 1, -135deg)
}
.nav-arrow.reverse {
    right: 0.5em;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -o-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}
.nav-bar-visible>.nav-arrow {
    opacity: 1
}
.i18n-flag img {
    border: 1px solid #fff;
    margin-top: 12.5px
}
html.no-touch .i18n-flag img,
.header .actions html.action.loading .i18n-flag img {
    margin-top: 7.5px
}
.section-container {
    margin-bottom: 0.75em;
    clear: both
}
@media all and (max-width: 767px) {
    .section-container {
        margin-top: 0.5em
    }
}
.section-container .content.no-padding {
    padding: 0
}
.section-container.tabs {
    display: table;
    width: 100%
}
.section-container.tabs .title {
    background-color: transparent !important
}
.section-container.tabs .title a {
    color: #111
}
.section-container.tabs .title a img {
    opacity: 0.4
}
.section-container.tabs .active .title {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid #fff !important;
    z-index: 11 !important
}
.section-container.tabs .active .title img {
    opacity: 1
}
.section-container.tabs .active .content {
    display: table !important;
    width: 100%;
    overflow: visible
}
.section-container.tabs .content {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    background-color: #fafafa;
    padding: 0.5em !important
}
.section-container.tabs .content input,
.section-container.tabs .content option {
    padding: 0 0.5em !important
}
.section-container.tabs .content .section-name {
    background-color: #fff;
    padding: 0.2em 0.4em;
    margin: -0.6em -0.6em 0.6em -0.6em;
    font-size: 0.8em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.section-container.tabs .content .button-text {
    position: absolute;
    bottom: 100%;
    left: 0;
    padding: 0.7em 1em
}
.section-container .split.button,
.section-container .split.call-to-action {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    background-color: rgba(233, 233, 233, 0.4)
}
.section-container .split.button span,
.section-container .split.call-to-action span {
    display: block;
    position: absolute;
    top: 1.25em;
    right: .75em;
    border: 10px solid transparent;
    border-bottom-width: 0px;
    border-top-color: #ddd;
}
.section-container .split.button span,
.section-container .split.call-to-action span {
    border-width: 0.6em 0.4em;
    margin-left: -0.375em
}
.section-container.accordion .title,
.section-container.accordion .content {
    border: 0
}
.section-container.accordion .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: 1px solid #ccc
}
.section-container.accordion .title a {
    padding-top: 0.4em;
    padding-bottom: 0.4em
}
.section-container.accordion .content {
    overflow-y: auto;
    overflow-x: hidden
}
.section-container.accordion .content.list {
    padding: 0;
    margin: 0 !important
}
.section-container.accordion .content.list .footer {
    overflow: auto;
    padding: 0.5em 0;
    list-style: none
}
.section-container.accordion .content.list .footer label,
.section-container.accordion .content.list .footer span {
    color: #111;
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.section-container.accordion .content.list .footer input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0
}
.section-container.accordion .content.list .footer select {
    height: auto;
    min-height: 1.75em;
    font-size: 90%
}
.section-container.accordion .content.list .footer .columns:last-child {
    padding-right: 0.475em
}
.sidebar-layout {
    height: 100%
}
.sidebar-layout .content-main {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%
}
.sidebar-layout .content-sidebar {
    width: 10em;
    max-width: 50%;
    background-color: #000;
    padding-top: 50px;
    position: absolute !important;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}
html.no-touch .sidebar-layout .content-sidebar,
.header .actions html.action.loading .sidebar-layout .content-sidebar {
    padding-top: 40px
}
.sidebar-layout .content-sidebar:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 0
}
body.offcanvas .reveal-modal-bg.offcanvas-bg {
    display: block !important;
    z-index: 99
}
body.offcanvas .sidebar {
    left: 0;
    z-index: 125
}
body.offcanvas .sidebar.content-sidebar {
    z-index: 1
}
@media only screen and (min-width: 767px) {
    .master-content {
        padding-left: 8em
    }
    .sidebar {
        left: 0;
        z-index: 1
    }
    .page-container {
        padding-left: 8em
    }
    .sidebar-layout .content-sidebar {
        left: 8em
    }
}
@media all and (max-width: 767px) {
    .sidebar-layout .content-main {
        padding-right: 0;
        padding-left: 0;
        padding-left: 10px
    }
    .sidebar-layout .content-sidebar {
        left: -10em;
        position: absolute;
        left: -100%;
        max-width: 50%
    }
    body.offcanvas .content-sidebar {
        z-index: 2;
        left: 8em;
        padding-top: 0 !important;
        z-index: 124 !important
    }
}
.settings {
    width: 96%;
    margin: 0 auto !important;
    padding: 0;
    position: relative;
    border-top: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
@media only screen and (min-width: 767px) {
    .settings:not(.edit-active):not(.default-opened) .hide-me {
        display: none
    }
    .settings.edit-active .show-me,
    .settings.default-opened .show-me {
        display: none
    }
}
@media all and (max-width: 767px) {
    .settings:not(.edit-active) .hide-me {
        display: none
    }
    .settings.edit-active .show-me {
        display: none
    }
}
.settings .structures-container {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%
}
.settings .structures-container table {
    min-width: 34.375em
}
.settings .structures-container table.no-orders {
    min-width: 21.375em
}
.settings .structures-container table p,
.settings .structures-container table .custom.dropdown {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.settings .structures-container table p.inline.left,
.settings .structures-container table .custom.dropdown.inline.left {
    margin-left: 0.5em
}
.settings .structures-container table p {
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.settings .structures-container table tr td.structure-orders {
    width: 13em
}
.settings .structures-container table tr td.structure-theme {
    width: 16em
}
.settings .structures-container table tr td.structure-theme p {
    padding-top: 0.2em
}
.settings .structures-container table tr td.structure-name {
    min-width: 16em
}
.settings .structures-container table tr td.structure-name p {
    max-width: 80%
}
@media all and (max-width: 767px) {
    .settings .structures-container {
        margin-top: 3.5em
    }
    .mobile-container .settings .structures-container {
        margin-top: 4.5em
    }
}
.settings .general-settings>* {
    float: left;
    position: absolute
}
.settings .general-settings label {
    padding: 0.2em 0.5em 0.5em;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    top: 0;
    left: 2.5em
}
.settings .general-settings div {
    position: relative;
    overflow: hidden;
    padding-right: 0.2em;
    top: 0;
    left: 0
}
.settings .general-settings>input {
    width: 85%;
    margin-top: 0.2em;
    position: absolute;
    top: 2em
}
@media only screen and (min-width: 1280px) {
    .settings .general-settings {
        margin-top: 1em
    }
    .settings .general-settings>* {
        float: right;
        top: 0 !important;
        left: 0 !important;
        position: relative !important
    }
    .settings .general-settings>input {
        margin-left: 0.4em;
        margin-top: -0.4em;
        width: 4em
    }
    [lang='en'] .settings .general-settings>input {
        width: 7em
    }
}
.settings legend {
    background-color: #f9f9f9
}
.settings .content {
    width: 100%;
    overflow: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 1.25em 0.5em
}
.settings.editPhoneSettings-event table {
    min-width: 650px
}
.header {
    background-color: #fff;
    margin: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    width: 100%
}
html.touch .header.xlarge {
    font-size: 1.25em
}
.header p {
    margin: 0;
    padding: 0.625em 0;
    height: 2.5em
}
.header p span {
    display: table;
    float: left
}
.header p:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1
}
.header p:first-child>span:first-child {
    padding-left: 1.25em
}
@media all and (max-width: 767px) {
    .header p:first-child>span:nth-child(2) {
        padding-left: 1.25em
    }
}
.header .title {
    float: left
}
.header .title>* {
    float: left
}
.header .title .objectName {
    margin-right: 0.4em;
    opacity: 0.4
}
@media all and (max-width: 767px) {
    .header .title .objectName {
        display: none
    }
}
.header .actions {
    clear: both;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0.625em 0;
    height: 2.5em
}
html.touch .header .actions {
    font-size: 1.15em
}
.header .actions .action {
    text-align: center;
    position: relative;
    padding: 0.78125em 0.625em;
    margin: -0.625em 0;
    cursor: pointer;
    color: rgba(17, 17, 17, 0.6);
    height: 50px;
    display: block;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 0 solid rgba(0, 0, 0, 0.15);
    border-left-width: 1px;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-size: 50%
}
.header .actions .action:hover {
    color: #111
}
.header .actions .action.loading {
    color: transparent !important;
    background-image: url(../img/load/load.gif)
}
.header .actions .action.success {
    -webkit-animation: icon-success;
    -moz-animation: icon-success;
    -ms-animation: icon-success;
    -o-animation: icon-success;
    animation: icon-success
}
.header .actions .divider {
    display: none;
    height: 50px;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0
}
@media all and (max-width: 767px) {
    .header .actions .divider {
        display: block
    }
}
.header .actions:not(.left) .divider {
    left: 0
}
@media all and (max-width: 767px) {
    .header .actions:not(.left) .divider {
        height: 1px;
        width: 100%;
        float: none;
        clear: both
    }
}
.header .actions.left .divider {
    right: 0
}
.header .actions.left .action {
    border-left-width: 0;
    border-right-width: 1px;
    margin-right: 0.5em
}
@media only screen and (min-width: 767px) {
    .header .actions {
        clear: none;
        float: right
    }
    .header .actions.left {
        float: left
    }
}
.header .header-tab-container {
    position: absolute;
    top: 0;
    height: 100%;
    left: 20%;
    width: 60%;
    text-align: center;
    z-index: 2
}
.header .header-tab-container>div {
    display: table;
    margin: 0.4em auto 0
}
.header .header-tab-container .header-tab {
    font-family: "OpenSansLight", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    float: left;
    height: 100%;
    padding: 0.75em 1em
}
.header .header-tab-container .header-tab.active {
    margin-top: 0.2em;
    background-color: #f4f4f4;
    color: #00B2CA;
    text-shadow: 0 1px solid #fff
}
.gmaps .renderMaps,
.gmaps #gmaps,
.gmaps #gmaps_newPlace {
    width: 100%;
    min-height: 15em;
    background-color: #e2e2e2
}
.gmaps .renderMaps img,
.gmaps #gmaps img,
.gmaps #gmaps_newPlace img {
    background: none;
    max-width: inherit;
    opacity: 1
}
.gmaps textarea,
.gmaps select {
    margin-bottom: 0
}
.gmaps.mapError .renderMap {
    background-image: url("../img/placeError.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}
.svg .gmaps.mapError .renderMap {
    background-image: url("../img/placeError.svg")
}
.image-uploader {
    background-color: #e2e2e2;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 0.75em
}
.image-uploader #crop_photo_div {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.image-uploader .uploaded {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    margin: 0 auto
}
.image-uploader .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2em 0 0;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box
}
.image-uploader .overlay>* {
    padding: 0.5em 0.75em;
    margin: 0;
    text-shadow: 0 1px 0 #000
}
.image-uploader .overlay label {
    position: relative;
    color: #fff;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    float: left
}
.image-uploader .overlay a {
    position: relative;
    float: left
}
@media all and (max-width: 1280px) {
    .image-uploader .overlay label {
        padding-right: 0;
        max-width: 50%
    }
}
.image-uploader .overlay>.right {
    height: 2em;
    padding-left: 0;
    padding-right: 0
}
.image-uploader .icon-add,
.image-uploader .badge-add,
.image-uploader .tile .overlay .tile-footer .missing-lang:nth-child(3),
.tile .overlay .tile-footer .image-uploader .missing-lang:nth-child(3),
.image-uploader .icon-trash {
    display: none;
    opacity: 0;
    text-align: center
}
.image-uploader.ready .icon-add,
.image-uploader.ready .badge-add,
.image-uploader.ready .tile .overlay .tile-footer .missing-lang:nth-child(3),
.tile .overlay .tile-footer .image-uploader.ready .missing-lang:nth-child(3) {
    display: block;
    opacity: 1
}
.image-uploader.ready:not(.imgError) .icon-trash {
    display: block;
    opacity: 1
}
.image-uploader input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    opacity: 0
}
.image-uploader a {
    width: 2em;
    height: 2em;
    text-align: center;
    color: #fff
}
.image-uploader a.icon-trash {
    z-index: 6
}
.promo {
    background-color: #00B2CA;
    position: relative;
    min-height: 100px;
    margin: 25px 0 10px
}
@media only screen and (min-width: 767px) {
    .promo {
        min-height: 250px;
        margin: 50px 0 25px
    }
}
.promo .face {
    position: absolute;
    bottom: 0;
    max-height: 110%
}
.promo a {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.75em;
    padding-right: 1.5em;
    padding-bottom: 0.8125em;
    padding-left: 1.5em;
    font-size: 1em;
    background-color: #fff;
    border-color: #e6e6e6;
    color: #333;
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    z-index: 2;
    margin-bottom: 0
}
.promo a:hover,
.promo a:focus {
    background-color: #e6e6e6
}
.promo a:hover,
.promo a:focus {
    color: #333
}
#promo-mobile .promo .face {
    right: 0
}
#promo-mobile .promo a {
    right: auto;
    left: 0.5em
}
.purchases {
    max-width: 1280px
}
.purchases,
.purchases .overflow {
    margin-bottom: 1em;
    overflow-x: auto;
    overflow-y: visible
}
html.touch .purchases,
html.touch .purchases .overflow {
    overflow-x: auto !important
}
@media only screen and (min-width: 767px) {
    .purchases,
    .purchases .overflow {
        overflow: visible
    }
}
.purchases .dataTables_wrapper {
    padding-bottom: 2em
}
.purchases .dataTables_length {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    width: 33.33333%;
    float: left
}
.purchases table {
    width: 100%;
    min-width: 550px;
    margin-bottom: 0
}
.purchases table td {
    height: 40px;
    position: relative
}
.purchases table thead {
    background-color: #262728
}
.purchases table thead th * {
    color: #fff;
    float: left
}
.purchases table thead th:not(:last-child) {
    border-right: 1px solid #eee
}
.purchases table thead th#services {
    width: 20%
}
.purchases table thead th#timeframe {
    width: 34%
}
.purchases table thead th#timeframe-start {
    width: 17%
}
.purchases table thead th#timeframe-end {
    width: 17%
}
.purchases table thead th#manager {
    width: 20%
}
.purchases table thead th#place {
    width: 26%
}
.purchases table thead th .icon-sorting {
    float: right
}
.purchases table thead th.sorting {
    cursor: pointer
}
.purchases table thead th.sorting_asc,
.purchases table thead th.sorting_desc {
    background-color: #000
}
.purchases table tbody tr {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out
}
.purchases table tbody tr * {
    color: #111;
    font-size: 1em;
    -webkit-transition: all 0.2 ease-in-out;
    -moz-transition: all 0.2 ease-in-out;
    -ms-transition: all 0.2 ease-in-out;
    -o-transition: all 0.2 ease-in-out;
    transition: all 0.2 ease-in-out
}
.purchases table tbody tr a:not(.icon-options) {
    font-size: 1.4em;
    margin-right: 0.4em
}
.purchases table tbody tr .action-icon {
    opacity: 0;
    position: absolute;
    font-size: 1.25em;
    top: 0;
    right: 100%
}
.purchases table tbody tr:hover,
.purchases table tbody tr:focus {
    background-color: #00B2CA
}
.purchases table tbody tr:hover *,
.purchases table tbody tr:focus * {
    color: #fff
}
.purchases table tbody tr:hover .action-icon,
.purchases table tbody tr:focus .action-icon {
    opacity: 1
}
.purchases table tbody tr span {
    font-size: 0.875em
}
.purchases table * {
    white-space: nowrap
}
.purchases .dataTables_empty {
    text-align: center;
    pointer-events: none
}
.purchases .dataTables_info,
.purchases .dataTables_paginate {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0.5em;
    font-size: 0.875em
}
.purchases .dataTables_paginate .paginate_disabled_previous,
.purchases .dataTables_paginate .paginate_disabled_next {
    display: none
}
.purchases .dataTables_paginate .paginate_enabled_previous,
.purchases .dataTables_paginate .paginate_enabled_next {
    display: block;
    position: absolute;
    bottom: 0;
    padding: 0.5em
}
.purchases .dataTables_paginate .paginate_enabled_previous {
    left: 0
}
.purchases .dataTables_paginate .paginate_enabled_next {
    right: 0
}
input[type='search'] {
    opacity: 0;
    width: 15%;
    margin-bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.topbar-container input[type='search'] {
    height: 100%;
    border: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}
input[type='search']+.icon-search {
    position: absolute;
    top: 0;
    right: 0.2em;
    padding: 0.5em;
    color: #111;
    opacity: 1;
    pointer-events: none;
    z-index: 2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
input[type='search']:focus,
input[type='search'].keep-open {
    opacity: 1;
    width: 100%
}
input[type='search']:focus+.icon-search,
input[type='search'].keep-open+.icon-search {
    opacity: 0
}
.permanent-modals-container,
.modals-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out
}
html:not(.modal-opened):not(.modal-open):not(.modal-close) .permanent-modals-container,
html:not(.modal-opened):not(.modal-open):not(.modal-close) .modals-container {
    display: none;
    opacity: 0
}
.reveal-modal {
    padding-top: 4.375em !important;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out
}
@media all and (max-width: 767px) {
    .reveal-modal {
        margin-left: -50%
    }
}
@media only screen and (min-width: 767px) {
    .reveal-modal {
        position: relative;
        margin: 0 auto !important;
        left: 0 !important
    }
}
.reveal-modal:not(.no-footer) {
    padding-bottom: 0.5em !important
}
.reveal-modal.open {
    top: 60px !important;
    z-index: 200
}
.reveal-modal .close-reveal-modal {
    border: 1em solid transparent;
    margin: -1em
}
.reveal-modal .modal-title {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00B2CA;
    color: #fff;
    width: 100%;
    padding: 0.4em 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.reveal-modal .modal-footer {
    position: absolute;
    top: 100%;
    left: 1%;
    width: 98%;
    margin: 0;
    background-color: #222;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box
}
.reveal-modal .modal-footer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 0.75em;
    display: block;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.8)), color-stop(1, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)
}
.reveal-modal .modal-footer li {
    padding: 0;
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1
}
.reveal-modal .modal-footer li:last-child {
    text-align: right
}
.reveal-modal .modal-footer li>* {
    display: inline-block;
    padding: 0.75em 5% !important;
    position: relative
}
.reveal-modal .modal-footer * {
    color: #fff
}
.reveal-modal .modal-footer [class*="icon"],
.reveal-modal .modal-footer input,
.reveal-modal .modal-footer a {
    cursor: pointer
}
.reveal-modal .modal-footer span[class*='icon-'] {
    display: none
}
.reveal-modal.warning .modal-title {
    background-color: #f1c40f
}
.reveal-modal.alert .modal-title {
    background-color: #c60f13
}
.reveal-modal .modal-content:empty,
.reveal-modal .modal-title:empty {
    display: none
}
.reveal-modal .modal-content-default:not(:empty)+.content,
.reveal-modal .modal-title-default:not(:empty)+.title {
    display: none
}
.reveal-modal fieldset img {
    max-height: 80px
}
.reveal-modal .row {
    margin-bottom: 0.75em
}
.reveal-modal *:not([data-section-content])+label {
    margin-bottom: 0.4em
}
.modal-footer input,
.actions a input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}
@media only screen and (min-width: 767px) {
    #purchase_tablet,
    #purchase_mobile {
        width: 400px
    }
    #new_product-category,
    #new_tile-product-page,
    #new_place-insignia,
    #new_product {
        width: 600px
    }
    #crop_modal {
        min-width: 600px
    }
    #new_place,
    #new_place2,
    #new_product-page,
    #new_tile-page {
        min-width: 400px
    }
    #edit_catalog {
        width: 400px
    }
    #new_QrCode {
        width: 300px
    }
    #contactForm_modal {
        width: 725px
    }
    #edit_license_tablet {
        min-width: 500px
    }
}
@media all and (max-width: 767px) {
    .reveal-modal.open {
        width: 100% !important;
        min-width: none;
        top: 0 !important
    }
    #contactForm_modal {
        margin-left: -50%
    }
}
.large-tiles [class*='-tile'] {
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 100%;
    max-width: 250px;
    height: 250px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.large-tiles [class*='-tile']:not(:hover) {
    background-color: rgba(17, 17, 17, 0.5) !important
}
.large-tiles .category-tile {
    background-image: url("../img/icons/category.png");
    background-color: #444
}
.svg .large-tiles .category-tile {
    background-image: url("../img/icons/category.svg")
}
.large-tiles .generic-tile,
.large-tiles .product-tile {
    background-image: url("../img/icons/product.png");
    background-color: #00B2CA
}
.svg .large-tiles .generic-tile,
.svg .large-tiles .product-tile {
    background-image: url("../img/icons/product.svg")
}
.large-tiles .dish-tile {
    background-image: url("../img/icons/dish.png");
    background-color: #ef3c24
}
.svg .large-tiles .dish-tile {
    background-image: url("../img/icons/dish.svg")
}
.large-tiles .optional-tile {
    background-image: url("../img/icons/optional.png");
    background-color: #bd2c00
}
.svg .large-tiles .optional-tile {
    background-image: url("../img/icons/optional.svg")
}
.large-tiles .insignia-tile {
    background-image: url("../img/icons/insignia.png");
    background-color: #89309b
}
.svg .large-tiles .insignia-tile {
    background-image: url("../img/icons/insignia.svg")
}
.large-tiles .place-tile {
    background-image: url("../img/icons/place.png");
    background-color: #4f0088
}
.svg .large-tiles .place-tile {
    background-image: url("../img/icons/place.svg")
}
.large-tiles .tilePage-tile {
    background-image: url("../img/icons/tilePage.png");
    background-color: #0c8e35
}
.svg .large-tiles .tilePage-tile {
    background-image: url("../img/icons/tilePage.svg")
}
.large-tiles .productPage-tile {
    background-image: url("../img/icons/product.png");
    background-color: #ef3c24
}
.svg .large-tiles .productPage-tile {
    background-image: url("../img/icons/product.svg")
}
.large-tiles .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.4em 1em;
    color: #fff
}
.large-tiles .overlay p {
    margin-bottom: 0
}
@media all and (max-width: 767px) {
    .large-tiles[class*='large-block-grid-'] li {
        clear: both;
        width: 90%
    }
}
.reveal-modal-bg {
    z-index: 100;
    min-height: 100%;
    height: auto;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out
}
.modal-opened .reveal-modal-bg,
.modal-open .reveal-modal-bg {
    display: block !important;
    opacity: 0.75 !important;
    visibility: visible !important
}
.reveal-modal {
    z-index: 101
}
.reveal-modal [class*='block-grid'] li a {
    padding-left: 0;
    padding-right: 0
}
.reveal-modal .close-reveal-modal {
    color: #fff;
    border-width: 0.75em 1em
}
.panel.dark {
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #111
}
.panel.dark>:first-child {
    margin-top: 0
}
.panel.dark>:last-child {
    margin-bottom: 0
}
.panel.dark h1,
.panel.dark h2,
.panel.dark h3,
.panel.dark h4,
.panel.dark h5,
.panel.dark h6,
.panel.dark p {
    color: #fff
}
.panel.dark h1,
.panel.dark h2,
.panel.dark h3,
.panel.dark h4,
.panel.dark h5,
.panel.dark h6 {
    line-height: 1;
    margin-bottom: 0.625em
}
.panel.dark h1.subheader,
.panel.dark h2.subheader,
.panel.dark h3.subheader,
.panel.dark h4.subheader,
.panel.dark h5.subheader,
.panel.dark h6.subheader {
    line-height: 1.4
}
#purchase_tablet .prices,
#purchase_mobile .prices {
    padding-left: 5% !important
}
@media only screen and (min-width: 767px) {
    #purchase_tablet,
    #purchase_mobile {
        min-width: 498.55px
    }
}
@media all and (max-width: 767px) {
    #purchase_tablet .prices,
    #purchase_mobile .prices {
        text-align: right
    }
}
#purchase_tablet form>.columns,
#purchase_mobile form>.columns {
    padding: 0
}
#purchase_tablet form>.columns:first-child,
#purchase_mobile form>.columns:first-child {
    margin-bottom: 1em
}
@media only screen and (min-width: 767px) {
    #purchase_tablet form>.columns:first-child,
    #purchase_mobile form>.columns:first-child {
        border-right: 1px solid #ccc;
        padding-right: 1.75em !important
    }
    #purchase_tablet form>.columns:nth-child(2),
    #purchase_mobile form>.columns:nth-child(2) {
        padding-left: 1.75em !important
    }
}
#purchase_tablet .finalPrice-label,
#purchase_tablet .savedPrice-label,
#purchase_mobile .finalPrice-label,
#purchase_mobile .savedPrice-label {
    font-weight: bold
}
@media only screen and (min-width: 767px) {
    #purchase_tablet .finalPrice-label,
    #purchase_tablet .savedPrice-label,
    #purchase_mobile .finalPrice-label,
    #purchase_mobile .savedPrice-label {
        clear: both;
        display: block
    }
}
#purchase_tablet .finalPrice-label,
#purchase_mobile .finalPrice-label {
    font-size: 2em
}
#purchase_tablet .saved-price,
#purchase_mobile .saved-price {
    color: #00B2CA
}
#purchase_tablet .saved-price .savedPrice-label,
#purchase_mobile .saved-price .savedPrice-label {
    font-size: 1.25em
}
.placeholder-for-cart {
    width: 100%;
    position: relative;
    margin-top: 25%;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.cart-empty .placeholder-for-cart {
    opacity: 1
}
.placeholder-for-cart>* {
    width: 100%;
    display: inline-block;
    clear: both;
    text-align: center
}
.placeholder-for-cart span {
    color: rgba(17, 17, 17, 0.25);
    font-size: 5em;
    margin-bottom: 0.3em
}
.store-container,
.store-container>* {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}
.store-container>* {
    float: left
}
.store-container .cart-container {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    position: relative
}
.store-container .cart-container .cart-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 25;
    width: 100%
}
.store-container .cart-container .cart-header>* {
    padding: 0.75em;
    display: inline-block;
    color: #111
}
.store-container .cart-container .cart-header .action {
    border-right: 1px solid rgba(0, 0, 0, 0.15)
}
.store-container .cart-container .cart-body {
    position: absolute;
    padding-top: 2.5em;
    padding-bottom: 6em;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1
}
.store-container .cart-container .cart-body:empty ~ .cart-footer {
    opacity: 0
}
.store-container .cart-container .cart-body .item-true {
    overflow: auto;
    position: relative;
    border-bottom: 1px solid rgba(17, 17, 17, 0.25);
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.store-container .cart-container .cart-body .item-true:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.7)
}
.store-container .cart-container .cart-body .item-true>* {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.5em;
    float: left
}
.store-container .cart-container .cart-body .item-true>*:last-child {
    border-left-width: 1px
}
.store-container .cart-container .cart-body .item-true>*:first-child {
    border-right-width: 1px
}
.store-container .cart-container .cart-body .item-true * {
    border-width: 0;
    border-style: solid;
    border-color: rgba(17, 17, 17, 0.1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111
}
.store-container .cart-container .cart-body .item-true .item-quantity {
    width: 20%;
    float: left;
    font-size: 1.75em;
    text-align: center;
    padding: 0.75em 0;
    margin: 0;
    color: rgba(17, 17, 17, 0.4)
}
.store-container .cart-container .cart-body .item-true .item-desc {
    width: 65%;
    position: relative
}
.store-container .cart-container .cart-body .item-true .item-desc .item-timeframe {
    opacity: 0.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.store-container .cart-container .cart-body .item-true .item-desc .item-total {
    clear: both;
    color: #00B2CA
}
.store-container .cart-container .cart-body .item-true .item-desc>a {
    width: 20%
}
.store-container .cart-container .cart-body .item-true .item-desc>div {
    width: 60%;
    text-align: center
}
.store-container .cart-container .cart-body .item-true .item-desc>label {
    margin: 0;
    height: 1.25em
}
.store-container .cart-container .cart-body .item-true .action {
    width: 15%;
    float: right;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: rgba(17, 17, 17, 0.4);
    padding: 1.7em 0
}
.store-container .cart-container .cart-body .item-true .action:hover {
    color: #111
}
.store-container .cart-container .cart-body .item-true .item-custom {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-width: 1px 0 0 0;
    width: 100%;
    padding: 0;
    position: relative
}
.store-container .cart-container .cart-body .item-true .item-custom>* {
    padding: 0.5em
}
.store-container .cart-container .cart-body .item-true .item-custom .item-desc {
    width: 85%
}
.store-container .cart-container .cart-body .item-true .item-custom .item-desc,
.store-container .cart-container .cart-body .item-true .item-custom .item-desc>* {
    float: left
}
.store-container .cart-container .cart-body .item-true .item-custom .item-desc>* {
    padding: 0 0.5em
}
html.touch .store-container .cart-container .cart-body .item-true .item-custom .item-desc>* {
    padding-top: 0.5em;
    padding-bottom: 0.5em
}
.store-container .cart-container .cart-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 25;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.store-container .cart-container .cart-footer:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2em;
    left: 0;
    bottom: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0.9)), color-stop(1, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%)
}
.store-container .cart-container .cart-footer>* {
    position: relative;
    width: 100%;
    overflow: auto
}
.store-container .cart-container .cart-footer>*>* {
    padding: 0.75em;
    text-align: center
}
.store-container .cart-container .cart-footer .total-footer {
    border-top: 1px solid #fff
}
.store-container .cart-container .cart-footer .total-footer .cart-items {
    float: left
}
.store-container .cart-container .cart-footer .total-footer .simpleCart_total {
    float: right
}
.store-container .cart-container .cart-footer .btns-footer {
    overflow: auto
}
.store-container .cart-container .cart-footer .btns-footer>* {
    font-size: 0.9em;
    color: #fff;
    padding: 1em;
    text-align: center;
    display: inline-block;
    float: right
}
.store-container .cart-container .cart-footer .btns-footer>*>* {
    float: left;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
@media all and (max-width: 767px) {
    .store-container .cart-container {
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 115;
        background-color: #fff
    }
    .store-container .cart-container>* {
        padding-top: 50px
    }
    html.no-touch .store-container .cart-container>*,
    .header .actions html.action.loading .store-container .cart-container>* {
        padding-top: 40px
    }
    .store-container .cart-container .cart-body {
        padding-top: 5.625em;
        padding-bottom: 8em
    }
    html.no-touch .store-container .cart-container .cart-body,
    .header .actions html.action.loading .store-container .cart-container .cart-body {
        padding-top: 5em
    }
    html:not(.show-cart) .store-container .cart-container {
        display: none
    }
    .store-container .main-container {
        width: 100%
    }
}
@media only screen and (min-width: 767px) {
    .store-container .main-container {
        width: 70%
    }
    .store-container .cart-container {
        width: 30%
    }
}
@media all and (max-width: 1280px) {
    .store-container .cart-container .cart-body .item-number,
    .store-container .cart-container .cart-body .action {
        width: 15% !important
    }
    .store-container .cart-container .cart-body .item-number {
        font-size: 1.25em !important;
        padding: 1.2em 0 !important
    }
    .store-container .cart-container .cart-body .action {
        font-size: 0.75em !important;
        padding: 2.35em 0 !important
    }
}
@media only screen and (min-width: 1280px) {
    .store-container .main-container {
        width: 75%
    }
    .store-container .cart-container {
        width: 25%
    }
}
@media only screen and (min-width: 1440px) {
    .store-container .main-container {
        width: 80%
    }
    .store-container .cart-container {
        width: 20%
    }
}
.order-grid {
    width: 100%
}
.order-grid li {
    display: block;
    float: left;
    width: 25%
}
@media all and (max-width: 1900px) {
    .order-grid li {
        width: 50%
    }
}
@media all and (max-width: 1440px) {
    .order-grid li {
        width: 100%
    }
}
@media all and (max-width: 767px) {
    .order-grid li {
        width: 100%
    }
}
@media all and (max-width: 1900px) {
    .no-touch .order-grid li,
    .header .actions .action.loading .order-grid li {
        width: 33.33333%
    }
}
@media all and (max-width: 1440px) {
    .no-touch .order-grid li,
    .header .actions .action.loading .order-grid li {
        width: 50%
    }
}
@media all and (max-width: 767px) {
    .no-touch .order-grid li,
    .header .actions .action.loading .order-grid li {
        width: 100%
    }
}
.order-ticket {
    color: #4c4d4f;
    padding: 0.75em;
    display: inline-block
}
.order-grid .order-ticket {
    width: 100%
}
.order-ticket>div {
    background-color: #fff;
    min-height: 7em;
    width: 100%;
    overflow: hidden
}
.order-ticket.status-0>div {
    -webkit-animation: unprocessed 0.75s ease-in-out infinite;
    -moz-animation: unprocessed 0.75s ease-in-out infinite;
    -ms-animation: unprocessed 0.75s ease-in-out infinite;
    -o-animation: unprocessed 0.75s ease-in-out infinite;
    animation: unprocessed 0.75s ease-in-out infinite
}
.order-ticket.status-0>div .order-reject,
.order-ticket.status-0>div .order-pricing,
.order-ticket.status-0>div .order-footer,
.order-ticket.status-0>div .order-user-name {
    -webkit-animation: unprocessed-children 0.75s ease-in-out infinite;
    -moz-animation: unprocessed-children 0.75s ease-in-out infinite;
    -ms-animation: unprocessed-children 0.75s ease-in-out infinite;
    -o-animation: unprocessed-children 0.75s ease-in-out infinite;
    animation: unprocessed-children 0.75s ease-in-out infinite
}
.order-ticket.status-0:nth-child(even)>div,
.order-ticket.status-0:nth-child(even) .order-reject,
.order-ticket.status-0:nth-child(even) .order-pricing,
.order-ticket.status-0:nth-child(even) .order-footer,
.order-ticket.status-0:nth-child(even) .order-user-name {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s
}
.order-ticket .order-header {
    position: relative;
    clear: both;
    width: 100%;
    display: table;
    overflow: visible;
    font-size: 14pt
}
.no-touch .order-ticket .order-header,
.header .actions .action.loading .order-ticket .order-header {
    font-size: 12pt
}
.order-ticket .order-header>div {
    width: 100%;
    display: table;
    padding: 0.5em 0.75em 0.5em 120px;
    line-height: 1.5;
    max-height: 100%;
    clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-box-align: end;
    -o-box-align: end;
    box-align: end
}
.no-touch .order-ticket .order-header>div,
.header .actions .action.loading .order-ticket .order-header>div {
    padding: 0.4em 0.5em 0.4em 120px
}
.order-ticket .order-header .order-header-color {
    background-color: #4c4d4f;
    font-family: "OpenSansLight", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}
.order-ticket .order-header .order-header-color>* {
    color: #fff
}
.order-ticket .order-header .order-time-ago,
.order-ticket .order-header .order-date {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.order-ticket .order-header .order-location .order-location-number {
    font-size: 3em;
    line-height: 1
}
.no-touch .order-ticket .order-header .order-location .order-location-number,
.header .actions .action.loading .order-ticket .order-header .order-location .order-location-number {
    font-size: 2em
}
.order-ticket .order-header .order-user-avatar {
    position: absolute;
    top: 0.75em;
    left: 0.75em;
    border: 2px solid #fff;
    opacity: 1
}
.order-ticket .order-header .order-header-details {
    color: #4c4d4f;
    font-family: "OpenSansRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}
.order-ticket .order-header .order-user-rating {
    display: inline-block;
    width: 1em;
    height: 1em;
    opacity: 1;
    margin-right: 0.8em
}
.order-ticket .order-header .order-user-rating.rating-0 {
    background-color: #c60f13
}
.order-ticket .order-header .order-user-rating.rating-1 {
    background-color: #f1c40f
}
.order-ticket .order-header .order-user-rating.rating-2 {
    background-color: #5da423
}
.order-ticket .order-header .order-user-name {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1
}
.order-ticket .order-details {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    position: relative;
    max-height: 30em
}
.order-ticket .order-details .order-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0 4.8%;
    margin: 4% 0
}
.order-ticket .order-details .order-content,
.order-ticket .order-details .order-content>div {
    max-height: 280pt
}
.order-ticket .order-details .order-content p {
    font: 16pt "OpenSansRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    margin: 4pt 0
}
.no-touch .order-ticket .order-details .order-content,
.header .actions .action.loading .order-ticket .order-details .order-content {
    max-height: 260pt
}
.no-touch .order-ticket .order-details .order-content p,
.header .actions .action.loading .order-ticket .order-details .order-content p {
    font-size: 14pt
}
.order-ticket .order-details .order-scrolling {
    width: 7em;
    position: relative
}
.no-touch .order-ticket .order-details .order-scrolling,
.header .actions .action.loading .order-ticket .order-details .order-scrolling {
    width: 5em
}
.order-ticket .order-details .order-scrolling .order-scroll-up,
.order-ticket .order-details .order-scrolling .order-scroll-down {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    clear: both;
    text-align: center;
    font-size: 2.5em;
    color: rgba(99, 100, 102, 0.4);
    padding: 1.5em 0
}
.no-touch .order-ticket .order-details .order-scrolling .order-scroll-up,
.header .actions .action.loading .order-ticket .order-details .order-scrolling .order-scroll-up,
.no-touch .order-ticket .order-details .order-scrolling .order-scroll-down,
.header .actions .action.loading .order-ticket .order-details .order-scrolling .order-scroll-down {
    font-size: 1.75em
}
.order-ticket .order-details .order-scrolling .order-scroll-up {
    bottom: 50%
}
.order-ticket .order-details .order-scrolling .order-scroll-down {
    top: 50%
}
.order-ticket .order-footer {
    width: 92%;
    margin: 0 4%;
    border-top: 1px solid rgba(76, 77, 79, 0.25);
    padding: 0.5em 0 0.75em;
    margin-top: 0.5em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center
}
.order-ticket .order-footer .order-actions {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    padding-left: 2em
}
.order-ticket .order-footer .order-pricing {
    font-family: "OpenSansLight", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 2.75em;
    padding: 0 0.5em
}
.order-ticket .order-footer .order-pricing sup {
    font-size: 50%
}
.order-ticket .order-footer .order-reject,
.order-ticket .order-footer .status-5 {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.9375em;
    padding-right: 1.875em;
    padding-bottom: 1em;
    padding-left: 1.875em;
    font-size: 0.8125em;
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(230, 230, 230, 0);
    color: #333;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    font-weight: 100;
    font-size: 0.875em;
    margin: 0 0.2em 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-color: #4c4d4f;
    color: #4c4d4f;
    width: 30%
}
.order-ticket .order-footer .order-reject:hover,
.order-ticket .order-footer .order-reject:focus,
.order-ticket .order-footer .status-5:hover,
.order-ticket .order-footer .status-5:focus {
    background-color: rgba(230, 230, 230, 0)
}
.order-ticket .order-footer .order-reject:hover,
.order-ticket .order-footer .order-reject:focus,
.order-ticket .order-footer .status-5:hover,
.order-ticket .order-footer .status-5:focus {
    color: #333
}
.order-ticket .order-footer .order-confirm,
.order-ticket .order-footer .status-1,
.order-ticket .order-footer .status-4,
.order-ticket .order-footer .status-2 {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.9375em;
    padding-right: 1.875em;
    padding-bottom: 1em;
    padding-left: 1.875em;
    font-size: 0.8125em;
    background-color: #00B2CA;
    border-color: #006da2;
    color: #fff;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    font-weight: 100;
    font-size: 0.875em;
    margin: 0 0.2em 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    width: 65%;
    float: right
}
.order-ticket .order-footer .order-confirm:hover,
.order-ticket .order-footer .order-confirm:focus,
.order-ticket .order-footer .status-1:hover,
.order-ticket .order-footer .status-1:focus,
.order-ticket .order-footer .status-4:hover,
.order-ticket .order-footer .status-4:focus,
.order-ticket .order-footer .status-2:hover,
.order-ticket .order-footer .status-2:focus {
    background-color: #006da2
}
.order-ticket .order-footer .order-confirm:hover,
.order-ticket .order-footer .order-confirm:focus,
.order-ticket .order-footer .status-1:hover,
.order-ticket .order-footer .status-1:focus,
.order-ticket .order-footer .status-4:hover,
.order-ticket .order-footer .status-4:focus,
.order-ticket .order-footer .status-2:hover,
.order-ticket .order-footer .status-2:focus {
    color: #fff
}
.order-ticket .order-footer .order-reject,
.order-ticket .order-footer .order-confirm {
    margin: 0;
    font-size: 1.25em;
    padding: 1.25em 0;
    text-align: center
}
.no-touch .order-ticket .order-footer .order-reject,
.header .actions .action.loading .order-ticket .order-footer .order-reject,
.no-touch .order-ticket .order-footer .order-confirm,
.header .actions .action.loading .order-ticket .order-footer .order-confirm {
    font-size: 0.8em
}
.no-touch .order-ticket .order-header,
.header .actions .action.loading .order-ticket .order-header,
.orders-history .order-ticket .order-header {
    font-size: 12pt
}
.no-touch .order-ticket .order-header>div,
.header .actions .action.loading .order-ticket .order-header>div,
.orders-history .order-ticket .order-header>div {
    padding: 0.4em 0.5em 0.4em 120px
}
.no-touch .order-ticket .order-header .order-location-number,
.header .actions .action.loading .order-ticket .order-header .order-location-number,
.orders-history .order-ticket .order-header .order-location-number {
    font-size: 2em
}
.no-touch .order-ticket .order-details .order-scrolling,
.header .actions .action.loading .order-ticket .order-details .order-scrolling,
.orders-history .order-ticket .order-details .order-scrolling {
    width: 5em
}
.no-touch .order-ticket .order-details .order-scrolling .order-scroll-up,
.header .actions .action.loading .order-ticket .order-details .order-scrolling .order-scroll-up,
.no-touch .order-ticket .order-details .order-scrolling .order-scroll-down,
.header .actions .action.loading .order-ticket .order-details .order-scrolling .order-scroll-down,
.orders-history .order-ticket .order-details .order-scrolling .order-scroll-up,
.orders-history .order-ticket .order-details .order-scrolling .order-scroll-down {
    font-size: 1.75em
}
.no-touch .order-ticket .order-footer .order-reject,
.header .actions .action.loading .order-ticket .order-footer .order-reject,
.no-touch .order-ticket .order-footer .order-confirm,
.header .actions .action.loading .order-ticket .order-footer .order-confirm,
.orders-history .order-ticket .order-footer .order-reject,
.orders-history .order-ticket .order-footer .order-confirm {
    font-size: 0.8em;
    padding: 1.1em 0
}
.orders-active {
    color: #00B2CA !important
}
.status-confirmed {
    color: #00B2CA !important
}
.status-rejected {
    color: #c60f13 !important
}
tr:hover .status-rejected,
tr:hover .status-confirmed {
    color: #fff !important
}
.orders-history {
    padding-top: 1em
}
.orders-history form {
    padding-top: 0.8em
}
.orders-history form label.break-for-medium {
    padding: 0.4em
}
@media only screen and (min-width: 1280px) {
    .orders-history form label.break-for-medium {
        text-align: right;
        padding: 0.75em
    }
}
.orders-history .status-1,
.orders-history .status-4,
.orders-history .status-2,
.orders-history .status-5 {
    background-color: transparent !important;
    width: 100% !important
}
.order-footer .orders-history .status-1,
.order-footer .orders-history .status-4,
.order-footer .orders-history .status-2,
.order-footer .orders-history .status-5 {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.9375em;
    padding-right: 1.875em;
    padding-bottom: 1em;
    padding-left: 1.875em;
    font-size: 0.8125em;
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(230, 230, 230, 0);
    color: #333;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    font-weight: 100;
    font-size: 0.875em;
    margin: 0 0.2em 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}
.order-footer .orders-history .status-1:hover,
.order-footer .orders-history .status-1:focus,
.order-footer .orders-history .status-4:hover,
.order-footer .orders-history .status-4:focus,
.order-footer .orders-history .status-2:hover,
.order-footer .orders-history .status-2:focus,
.order-footer .orders-history .status-5:hover,
.order-footer .orders-history .status-5:focus {
    background-color: rgba(230, 230, 230, 0)
}
.order-footer .orders-history .status-1:hover,
.order-footer .orders-history .status-1:focus,
.order-footer .orders-history .status-4:hover,
.order-footer .orders-history .status-4:focus,
.order-footer .orders-history .status-2:hover,
.order-footer .orders-history .status-2:focus,
.order-footer .orders-history .status-5:hover,
.order-footer .orders-history .status-5:focus {
    color: #333
}
.orders-history .status-5 {
    color: #c60f13 !important
}
.orders-history .status-1,
.orders-history .status-4,
.orders-history .status-2 {
    color: #00B2CA !important
}
.orders-history table {
    min-width: 400px
}
.orders-history table #status {
    width: 20%
}
.orders-history table #datetime {
    width: 30%
}
.orders-history table #location {
    width: 30%
}
.orders-history table #total {
    width: 20%
}
.orders-history table tr:hover * {
    color: #fff !important
}
@-webkit-keyframes unprocessed {
    100% {
        background-color: #c60f13;
        color: #fff;
        border-color: #fff
    }
}
@-moz-keyframes unprocessed {
    100% {
        background-color: #c60f13;
        color: #fff;
        border-color: #fff
    }
}
@-ms-keyframes unprocessed {
    100% {
        background-color: #c60f13;
        color: #fff;
        border-color: #fff
    }
}
@-o-keyframes unprocessed {
    100% {
        background-color: #c60f13;
        color: #fff;
        border-color: #fff
    }
}
@keyframes unprocessed {
    100% {
        background-color: #c60f13;
        color: #fff;
        border-color: #fff
    }
}
@-webkit-keyframes unprocessed-children {
    100% {
        color: #fff;
        border-color: #fff
    }
}
@-moz-keyframes unprocessed-children {
    100% {
        color: #fff;
        border-color: #fff
    }
}
@-ms-keyframes unprocessed-children {
    100% {
        color: #fff;
        border-color: #fff
    }
}
@-o-keyframes unprocessed-children {
    100% {
        color: #fff;
        border-color: #fff
    }
}
@keyframes unprocessed-children {
    100% {
        color: #fff;
        border-color: #fff
    }
}
.unsuported-browser {
    background-color: #222
}
.unsuported-browser * {
    text-align: center;
    color: #fff
}
.unsuported-browser .browser {
    float: left;
    display: inline-block;
    height: 100px;
    padding: 1em 0;
    text-align: center;
    width: 25%
}
.unsuported-browser .browser img {
    max-height: 100%
}
.topbar-logo img {
    height: 50px;
}
html.no-touch .topbar-logo img {
    height: 40px;
}
.image-uploader .overlay {
    z-index: 5;
    pointer-events: none;
}
.image-uploader input {
    z-index: 2
}
.image-uploader .overlay .icon-trash {
    pointer-events: all
}
@media only screen and (min-width: 767px) {
    .topbar-container .button-group a span.logo-font {
        min-width: 100px;
    }
}
@media (max-width: 766px) {
    .fix_margin {
        margin-top: -20px !important;
    }
}
@media (min-width: 767px) {
    .fix_margin {
        margin-left: -4em !important;
        margin-top: -20px !important;
    }
}
.dragDropLi {
  border: 1px solid #f4f4f4;
}
.dragDropLi.over {
  border: 1px dashed #000;
}
.dragStartStyle {
    opacity: 0.25;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
}