/**************************************************************************************************
 * WARNING: Do not modify this file unless you are copying over updates from:
 * https://ewegithub.sb.karmalab.net/EWE/epc-navigation/blob/master/static-content/css/navCore.css
 **************************************************************************************************/

.nav-drawer {
    font-family: Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    line-height: 1.45;
    font-size: 0.76471rem;
    height: 100%;
    width: 16.47059rem;
    display: block;
    background-color: #FFFF;
    color: #fff;
    float: left;
    padding-top: 0;
}

.nav-drawer .nav-link:link,
.nav-drawer .nav-link:visited,
.nav-drawer .nav-link:focus,
.nav-drawer .nav-link:active,
.nav-drawer .nav-item-toggle:link,
.nav-drawer .nav-item-toggle:visited,
.nav-drawer .nav-item-toggle:focus,
.nav-drawer .nav-item-toggle:active {
    color: #4D4D4D;
}

.nav-drawer li {
    padding-bottom: 0;
}

.nav-drawer label {
    margin-top: 0;
}

/* BEGIN: NAV HEADER */

.epc-nav-header {
    position: relative;
}

.epc-nav-header .collapsed {
    max-height: 0;
    overflow: hidden;
}

.epc-nav-header .logos {
    padding-top: 1.05882rem;
}

.epc-nav-header .epc-nav-header-body:before,
.epc-nav-header .epc-nav-header-body-expanded:before {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 19.11765rem;
    height: 23.52941rem;
    opacity : 0.4;
    z-index: -1;
}

.epc-nav-header .epc-nav-header-body.expanded {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,rgba(255,255,255,0)), color-stop(55%,rgba(36,36,36,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 35%,rgba(36,36,36,1) 55%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 35%,rgba(36,36,36,1) 55%);
    background: -webkit-gradient(linear,  left top, left bottom,  color-stop(35%, transparent),color-stop(55%, rgba(36,36,36,1)));
    background: -webkit-linear-gradient(top,  transparent 35%,rgba(36,36,36,1) 55%);
    background: -o-linear-gradient(top,  transparent 35%,rgba(36,36,36,1) 55%);
    background: linear-gradient(to bottom,  transparent 35%,rgba(36,36,36,1) 55%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
}

.epc-nav-header .hotelier-chevron-image-point-down,
.epc-nav-header .hotelier-chevron-image-point-up
{
    max-height: 0.88235rem;
    height: 0.88235rem;
    width: 0.88235rem;
    z-index: 1000;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    vertical-align: sub;
}

.epc-nav-header-body.expanded .hotelier-chevron-image-point-up {
    display: inline-block;
}

.epc-nav-header-body.expanded .hotelier-chevron-image-point-down {
    display: none;
}

.epc-nav-header-body .hotelier-chevron-image-point-up {
    display: none;
}

.epc-nav-header-body .hotelier-chevron-image-point-down {
    display: inline-block;
}

.nav-drawer .hotelier > ul {
    display: none;
}
.nav-drawer .hotelier .expanded > ul {
    display: block;
}

.nav-drawer .nav-search {
    display: none;
}

.nav-drawer .nav-search.display {
    width: 100%;
    position: relative;
    display: block;
}

.nav-drawer .nav-search .nav-search-bar-group {
    margin: 0.58824rem auto;
    text-align: center;
}

.nav-search .nav-search-bar-group .text-input-wrapper {
    width: 90%;
    border: 1px solid;
    display: inline-block;
    padding: 0.29412rem;
    margin: 0.29412rem auto;
    font-size: 0.76471rem;
    vertical-align: middle;
    background-color: #ffffff;
}

.nav-search .text-input-wrapper .nav-search-bar {
    position: relative;
    width: 90%;
    border: none;
    padding: 0.11765rem 0.23529rem;
    outline: 0 !important;
    float: left;
    background-color: #ffffff;
}

.nav-search .text-input-wrapper .clear-btn-wrapper {
    border: 0;
    float: right;
    min-height: 0.41176rem;
    min-width: 0.41176rem;
}

.nav-search .nav-search-bar-group .nav-search-bar-clear-btn {
    display: none;
}

.nav-search .nav-search-bar-group .nav-search-bar-clear-btn.display {
    display: block;
    cursor: pointer;
    outline: 0 !important;
    margin-top: 0.35294rem;
    border: 0;
    min-height: 0.41176rem;
    min-width: 0.41176rem;
    /*background: url(../images/close-circle.svg) no-repeat;*/
    background-size: contain;
}

.nav-search .search-suggestion-dropdown {
    display: none;
}

.nav-search .search-suggestion-dropdown.display {
    display: block;
    position: absolute;
    width: 90%;
    margin-top: -0.58824rem;
    margin-bottom: 1.17647rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    min-width: 13.52941rem;
    overflow: auto;
    background-color: #ffffff;
}

.nav-search .search-suggestion-dropdown .search-result-entry a {
    color: #000000;
    padding: 0.47059rem 0.70588rem;
    text-decoration: none;
    display: block;
}

.nav-search .search-result-entry:hover {
    background-color: #ddd
}

.nav-search .search-suggestion-dropdown .search-suggestion-list {
    padding-top: 0.35294rem;
    padding-bottom: 0.58824rem;
}

.nav-search .search-suggestion-list-footer .show-more-link.display {
    display: inline-block;
    float: left;
    padding: 0.47059rem 0.70588rem 0.70588rem 0.70588rem;
    font-size: 0.76471rem;
    color: #0064B9;
}

.nav-search .search-suggestion-list-footer .show-more-link {
    display: none;
}

.nav-search .search-suggestion-list-footer .show-less-link.display {
    display: inline-block;
    float: right;
    padding: 0.47059rem 0.70588rem 0.70588rem 0.70588rem;
    font-size: 0.76471rem;
    color: #0064B9;
}

.nav-search .search-suggestion-list-footer .show-less-link {
    display: none;
}

.nav-search .search-result-entry .result-entry-row-one {
    display: block;
    color: #a9a9a9;
    margin: 0;
    font-size: 0.76471rem;
}

.nav-search .search-result-entry .result-entry-row-two {
    display: block;
    color: #000000;
    margin: 0;
    font-size: 0.88235rem;
}

.nav-search .navigation-menu-items {
    background-color: #242424;
}

.epc-nav-header .hotelier {
    max-height: 0;
    -webkit-transition: max-height 150ms cubic-bezier(0.0, 0.0, 0.58, 1.0);
    -o-transition: max-height 150ms cubic-bezier(0.0, 0.0, 0.58, 1.0);
    transition: max-height 150ms cubic-bezier(0.0, 0.0, 0.58, 1.0);
    overflow: hidden;
    opacity: 0;
}

.epc-nav-header-body.expanded .hotelier {
    padding: 0 1.41176rem;
    font-size: 0.70588rem;
    -webkit-transition: max-height 150ms cubic-bezier(0.42, 0.0, 1.0, 1.0);
    -o-transition: max-height 150ms cubic-bezier(0.42, 0.0, 1.0, 1.0);
    transition: max-height 150ms cubic-bezier(0.42, 0.0, 1.0, 1.0);
    max-height: 16.47059rem;
    opacity: 1;
}

.epc-nav-header-body.expanded .property-admin-title,
.epc-nav-header-body.expanded .market-manager-title
{
    color: #999;
    margin-top: 0.70588rem;
    text-transform: uppercase;
}
.epc-nav-header .property-admin-names,
.epc-nav-header .market-manager-names {
    font-size: 0.82353rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    display: inline-block;
}

.epc-nav-header .property-admin-names .property-admin-name,
.epc-nav-header .market-manager-names .market-manager-name {
    text-decoration: none;
    color: #C7C7C7;
    word-break: break-all;
    display: block;
}

.epc-nav-header .property-admin-names .property-admin-name:hover,
.epc-nav-header .market-manager-names .market-manager-name:hover {
    color: #FFFFFF;
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

.epc-nav-header .hotelier .property-admin-mail-icon,
.epc-nav-header .hotelier .market-manager-mail-icon {
    display: inline-block;
    margin-left: 0.29412rem;
    height: 0.52941rem;
    width: 0.76471rem;
}

.epc-nav-header .vip-icon,
.epc-nav-header .vip-logo {
    margin-right: 1.41176rem;
}

.epc-nav-header .epc-logo {
    height: 1.41176rem;
    width: 8.82353rem;
    margin: 0 auto 0.70588rem 1.41176rem;
}

.epc-nav-header .vip-logo {
    height: 2rem;
    width: 2rem;
    float: right;
}

.epc-nav-header .nav-hotel-name {
    font-size: 0.88235rem;
    padding: 0 1.41176rem 0 1.41176rem;
    margin-top: 2.11765rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    pointer-events: none;
}

.epc-nav-header .nav-hotel-name.hotelier-info-enabled {
    pointer-events: auto;
    cursor: pointer;
}

.epc-nav-header .nav-hotel-name .nowrap{
    white-space: nowrap;
    display: inline-block;
}

.epc-nav-header .change-property {
    color: #C7C7C7;
    padding: 0.70588rem 1.41176rem 1.05882rem 1.41176rem;
}

.epc-nav-header .change-property .current-hotel-id,
.epc-nav-header .change-property .change-property-link {
    display: inline-block;
}

.epc-nav-header .change-property .current-hotel-id {
    padding-right: 1.41176rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.epc-nav-header .change-property .nav-link {
    text-decoration: underline;
    display: inline-block;
}

.epc-nav-footer {
    position: absolute;
    bottom: 1px;
    font-size: 0.64706rem;
    padding: 1.41176rem 1.41176rem 1.05882rem 1.41176rem;
    color: #4D4D4D;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

@media (max-width: 960px) {

    .epc-nav-footer {
        bottom: 2.35294rem;
    }
}

/* BEGIN: NAV HEADER */

.nav-drawer .epc-nav-list a,
.nav-drawer .epc-nav-list a:hover {
    text-decoration: none;
}

.nav-drawer .epc-nav-list .menu-nowrap {
    white-space: nowrap;
    display: inline-block;
}

.nav-drawer .hotel-featured-image {
    width: 16.23529rem;
}

.nav-drawer nav {
    padding-top: 0.70588rem;
    padding-bottom: 0.70588rem;
}

.nav-drawer .nav-first-level {
    cursor: pointer;
    padding: 0.58824rem 1.41176rem 0.64706rem 1.41176rem;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #4D4D4D;
    font-size: 0.88235rem;
    display: block;
}

.nav-drawer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-drawer .theme-standard.menu-arrow::after,
.nav-drawer .theme-nav.menu-arrow::after,
.nav-drawer .theme-standard + .menu {
    border-color: #1f1f1f;
}

.nav-drawer .selected-property {
    font-size: 0.76471rem;
}

.nav-drawer .epc-nav-list li.toggle {
    font-weight: normal;
}

.nav-drawer .nav-item-toggle:hover,
.nav-drawer .nav-link:hover {
    color: black;
}

/* Badging Style */
.nav-drawer .nav-toggle-pane {
    font-size: 0.76471rem;
    font-weight: normal;
}

.nav-drawer .nav-toggle-pane .nav-first-level:hover {
    text-decoration: none;
}

.nav-drawer .nav-toggle-pane .epc-submenu .current-page {
    font-weight: bold;
}

.nav-drawer .menu-intro-block {
    padding-bottom: 0.70588rem;
    border-top: 1px solid #4D4D4D;
    background: #0064B9;
    padding-left: 1.05882rem;
    padding-top: 0.64706rem;
}

.nav-drawer .menu-intro-block .menu-intro-text {
    font-weight: bold;
}

.nav-drawer .menu-intro-block .menu-intro-icon {
    width: 0.88235rem;
    height: 0.58824rem;
}

.nav-drawer .menu-intro-block .menu-intro-link {
    color: white;
    text-decoration: underline;
    padding-left: 0;
}

.nav-drawer .external-site-icon {
    height: 0.58824rem;
    width: 0.88235rem;
}

.sub-category,
.sub-sub-category > a {
    padding: 0.35294rem 1.41176rem 0.35294rem 2.47059rem;
    display: block;
}

.nav-item-active {
    background-color: #E6EDF5;
}

.nav-item-active .nav-link {
    color: #4D4D4D;
}

.sub-sub-category:hover:not(.nav-item-active) {
    background-color: #323232
}

.nav-drawer .sub-category {
    color: #999;
    text-transform: uppercase;
    font-size: 0.64706rem;
    padding-bottom: 0.35294rem;
    margin-top: 0.70588rem;
    line-height: 1.05882rem;
}

.nav-drawer .sub-category:first-child {
    margin-top: 0;
}

.nav-drawer .menu-new-badge {
    color: #ffcb00;
    font-weight: bold;
    text-transform: uppercase;
}

.nav-drawer .hidden {
    display: none !important;
}

/*UITK Font overrides*/
.nav-drawer h1.title {
    font-weight: bold;
    font-size: 1.17647rem;
    line-height: 1.58824rem;
    margin-top: 1.05882rem;
    padding-top: 0;
}

/* Toggling animation */
.nav-drawer .nav-toggle-pane {
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.nav-drawer .nav-pane-open .nav-toggle-pane {
    margin-top: 0.70588rem;
    margin-bottom: 0.70588rem;
    height: auto;
    opacity: 1;
}

.nav-drawer .nav-toggle-pane > ul {
    display: none;
}

.nav-drawer .nav-pane-open .nav-toggle-pane > ul {
    display: block;
}

.main .nav-icon-wrapper {
    display: inline-block;
}

.main {
    position: relative;
}

/* BEGIN: NAVIGATION HEADER FOR MOBILE */
.epc-nav-header-mobile {
    background-color: #242424;
    text-align: center;
    height: 2.82353rem;
    width: 100%;
}

.epc-nav-header-mobile .nav-toggle {
    position: absolute;
    top: 0.41176rem;
    left: 0.58824rem;
    margin: 0;
    padding: 0;
    border: none;
    background: #242424;
    font-weight: normal;
    color: white;
    cursor: pointer;
}

.epc-nav-header-mobile .nav-toggle:hover {
    color: white;
}

.epc-nav-header-mobile a {
    display: inline-block;
    height: 100%;
}

.epc-nav-header-mobile .epc-logo {
    height: 1.41176rem;
    width: 8.82353rem;
    margin-top: 0.47059rem;
}

/* END: NAVIGATION HEADER FOR MOBILE */

.main .page-content-container {
    width: 100%;
}

.nav-toggle.mobile .nav-icon {
    display: inline-block;
    position: relative;
    font-style: normal;
    font-size: 1.11765rem;
    line-height: 1.05882rem;
    padding: 0.47059rem 0.70588rem;
}

.banner-stop-sell .icon {
    height: 0.76471rem;
}

.banner-multisource .icon {
    font-size: 0.76471rem;
}

.banner-container .icon {
    position: absolute;
    top: 0.76471rem;
    left: 1.05882rem;
}

.banner-container h3 {
    line-height: 1.4;
}

.banner-stop-sell a:link,
.banner-stop-sell a:visited {
    color: #d60000;
    text-decoration: underline;
}

.banner-stop-sell {
    color: #d60000;
    background-color: #fad4d4;
    border-left-color: #d60000;
}

.banner-stop-sell h3 {
    color: #d60000;
}

.banner-multisource {
    color: #7a5505;
    background-color: #f0dcb4;
    border-left-color: #7a5505;
}

.banner-multisource h3 {
    color: #7a5505;
}

.banner-container {
    width: 100%;
    padding: 0.70588rem 0.70588rem 0.70588rem 2.82353rem;
    line-height: 1.4;
    font-family: Helvetica, sans-serif;
    font-size: 0.70588rem;
    border-left-width: 0.17647rem;
    border-left-style: solid;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.banner-multisource a:link,
.banner-multisource a:visited {
    color: #7a5505;
    text-decoration: underline;
}

.banner-marketing {
    color: white;
    background-color: #0065b8;
    border-left: none;
    padding-left: 1.05882rem;
}

.banner-marketing .banner-heading {
    color: white;
    display: inline-block;
}

.banner-marketing .banner-cta:link,
.banner-marketing .banner-cta:visited,
.banner-marketing .banner-cta:focus,
.banner-marketing .banner-cta:hover,
.banner-marketing .banner-cta:active {
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white;
    white-space: nowrap;
}

.banner-marketing .external-site-icon {
    height: 0.58824rem;
    vertical-align: baseline;
}

.banner-arabic {
    color: white;
    background-color: #0065b8;
    border-left: none;
    padding: 1.05882rem;
}

.banner-toggle {
    background: transparent;
    vertical-align: middle;
    float: right;
    height: 1.05882rem;
    width: 1.05882rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.banner-pane-open .banner-expanded-icon,
.banner-collapsed-icon {
    display: block;
}

.banner-pane-open .banner-collapsed-icon,
.banner-expanded-icon {
    display: none;
}

.banner-heading {
    font-size: 0.76471rem;
    font-weight: bold;
    margin: 0 0.58824rem 0 0;
    display: block;
}

/* Responsive toggling animation */
.banner-pane {
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.banner-pane p {
    margin: 0;
}

.banner-pane-open .banner-pane {
    height: auto;
    opacity: 1;
}

.banner-pane > * {
    display: none;
}

.banner-pane-open .banner-pane > * {
    display: block;
}

.banner-dismisser {
    float: right;
    cursor: pointer;
    width: 0.94118rem;
    height: 0.94118rem;
}

.banner-dismisser img {
    width: 100%;
}

.banner-container .external-site-icon {
    height: 0.58824rem;
    padding-left: 0.17647rem;
    vertical-align: baseline;
}

.banner-container .banner-icon {
    position: absolute;
    height: 0.76471rem;
    top: 0.76471rem;
    left: 1.05882rem;
}

.banner-container .banner-content p {
    margin: 0;
}

.epc-banner-info {
    color: white;
    background-color: #0065b8;
    border-left: none;
    padding-left: 1.05882rem;
}

.epc-banner-info .banner-heading{
    color: white;
}

.banner-container .banner-dismiss {
    float: right;
    cursor: pointer;
    width: 0.94118rem;
    height: 0.94118rem;
}

.banner-container .banner-dismiss img {
    width: 100%;
}

.epc-banner-info .banner-cta:link,
.epc-banner-info .banner-cta:visited,
.epc-banner-info .banner-cta:focus,
.epc-banner-info .banner-cta:hover,
.epc-banner-info .banner-cta:active {
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white;
    white-space: nowrap;
}

.epc-banner-error .banner-cta:link,
.epc-banner-error .banner-cta:visited,
.epc-banner-error .banner-cta:focus,
.epc-banner-error .banner-cta:hover,
.epc-banner-error .banner-cta:active {
    color: #d60000;
    text-decoration: underline;
}

.epc-banner-error {
    color: #d60000;
    background-color: #fad4d4;
    border-left-color: #d60000;
}

.epc-banner-error .banner-heading{
    color: #d60000;
}

.epc-banner-warning .banner-cta:link,
.epc-banner-warning .banner-cta:visited,
.epc-banner-warning .banner-cta:focus,
.epc-banner-warning .banner-cta:hover,
.epc-banner-warning .banner-cta:active {
    color: #7a5505;
    text-decoration: underline;
}

.epc-banner-warning {
    color: #7a5505;
    background-color: #f0dcb4;
    border-left-color: #7a5505;
}

.epc-banner-warning .banner-heading{
    color: #7a5505;
}

@media print {
    .nav-drawer,
    .nav-toggle,
    .epc-nav-header-mobile {
        display: none !important;
    }

    html,
    body,
    .epc-page-container,
    .nav-responsive .main {
        height: auto !important;
        width: auto !important;
        overflow: visible !important;
    }
}

/**************************************************************************************************
 * WARNING: Do not modify this file unless you are copying over updates from:
 * https://ewegithub.sb.karmalab.net/EWE/epc-navigation/blob/master/static-content/css/navResponsive.css
 *
 * NOTE: The only difference from original file is that we fixed media queries so that the desktop
 * breakpoint is 960px instead of 959px
 **************************************************************************************************/

html,
body,
.epc-page-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.nav-responsive .nav-drawer {
    margin-left: -16.47059rem;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 101;
    -webkit-transition: margin-left 360ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: margin-left 360ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: margin-left 360ms cubic-bezier(0.23, 1, 0.32, 1);
}

.nav-responsive.nav-open .nav-drawer {
    margin-left: 0;
}

.nav-toggle.desktop,
.nav-drawer-mask,
.epc-nav-header-mobile {
    display: none;
}

.nav-responsive .main {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.count-badge {
    background: #fff;
    border-radius: 0.17647rem;
    overflow: hidden;
    color: black;
    padding: 1px 0.29412rem 0;
    margin-left: 0.29412rem;
    font-weight: bold;
    float: right;
    display: none;
}

.active-badge > .count-badge {
    display: inline-block;
    opacity: 1;
    -webkit-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms;
}

.nav-pane-open > .active-badge > .count-badge {
    opacity: 0;
}

@media screen and (max-width: 959px) {
    .epc-nav-header-mobile {
        display: block;
    }

    .nav-drawer-mask {
        display: block;
        background-color: transparent;
    }

    .nav-responsive.nav-open .nav-drawer-mask {
        z-index: 100;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(188, 211, 229, 0.82);
        -webkit-transition: background-color 360ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: background-color 360ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: background-color 360ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .ie8 .nav-drawer-mask {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity = 0);
        background-color: #bcd3e5;
    }

    .ie8 .nav-responsive.nav-open .nav-drawer-mask {
        opacity: 0.82;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=82)";
        filter: alpha(opacity = 82);
    }
}

@media screen and (min-width: 960px) {
    .nav-responsive .main {
        width: 100%;
        float: right;
        -webkit-transition: width 360ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: width 360ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: width 360ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .nav-responsive.nav-open .main {
        width: calc(100% - 16.47059rem);
    }

    .nav-responsive .nav-drawer {
        position: relative;
        float: left;
    }

    .nav-toggle.desktop.enabled {
        display: block;
        padding: 0;
        border: 0;
        background-color: #242424;
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 0.70588rem;
        border-radius: 0;
        border-bottom-right-radius: 0.58824rem;
        border-top-right-radius: 0.58824rem;
        height: 1.41176rem;
        z-index: 101;
        -webkit-transition: left 360ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: left 360ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: left 360ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .nav-responsive.nav-open .nav-toggle.desktop.enabled {
        left: 16.47059rem;
    }

    .nav-toggle.desktop.enabled .nav-icon {
        height: 100%;
        background: url([object Module]) no-repeat;
        padding: 0.11765rem 0.70588rem;
        cursor: pointer;
    }

    .nav-responsive.nav-open .nav-toggle.desktop.enabled .nav-icon {
        background: url([object Module]) no-repeat;
    }
}

