.st-content { overflow-y: scroll; background: #f3efe0; }

.st-content, .st-content-inner { position: relative; }

.st-container { position: relative; overflow: hidden; }

.st-pusher { position: fixed; z-index: 99999; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; top: 0; right: 0; background: rgba(0, 0, 0, 0.5) !important; content: ''; opacity: 0; width: 0; height: 0; display: block; bottom: 0; left: 0; }

.ocd_open .st-pusher { width: 100%; height: 100%; opacity: 1; transition: opacity 0.5s; }

.st-menu { z-index: 199999; visibility: hidden; max-width: 90%; height: 100%; background: white; transition: all 0.5s; box-sizing: border-box; overflow: scroll; }

.st-menu::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ' '; opacity: 1; transition: opacity 0.5s; }

.st-slide-left.st-menu { position: fixed; top: 0; left: 0; right: auto; visibility: visible; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.st-slide-left.st-menu-open .st-slide-left.st-menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.st-slide-left.st-menu::after { display: none; }

.st-slide-left.st-menu { visibility: visible; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.st-menu-open.st-slide-left.st-menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.st-slide-right.st-menu { position: fixed; top: 0; right: 0; left: auto; visibility: visible; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.st-slide-right.st-menu-open .st-slide-left.st-menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.st-slide-right.st-menu::after { display: none; }

.st-slide-right.st-menu { visibility: visible; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.st-menu-open.st-slide-right.st-menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.no-csstransforms3d .st-pusher, .no-js .st-pusher { padding-left: 300px; }

.flyout-trigger { position: fixed; top: 40%; cursor: pointer; z-index: 900; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flyout-trigger.trigger-left { left: 0px; }

.flyout-trigger.trigger-right { right: 0px; }

.flyout-trigger.button, #et_builder_outer_content .flyout-trigger.button { padding: 7px 15px; color: white; font-weight: bold; background: #222; box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.2); }

.flyout-trigger.trigger-left.button { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.flyout-trigger.trigger-right.button { -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.ocd_close { display: flex; justify-content: flex-end; width: 100%; height: 32px; opacity: 0.7; float: none !important; }

.ocd_close.left { justify-content: flex-start; }

.ocd_close:hover { opacity: 1; }

.ocd_close a { width: 32px; height: 32px; padding: 0 !important; }

.ocd_close .close-x { stroke: #222; fill: transparent; stroke-linecap: round; stroke-width: 5; }

.ocd_close.light .close-x { stroke: #eee; }

.ocd_close_btn { display: flex; justify-content: flex-end; float: none !important; position: absolute; margin: 0px; padding: 10px; transition: ease-in-out all 0.3s !important; z-index: 9999999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ocd_close_btn svg { transition: ease-in-out all 0.3s !important; }

.ocd_close_btn.top_left { top: 0; left: 0; }

.ocd_close_btn.top_right { top: 0; right: 0; }

.ocd_close_btn.bottom_left { bottom: 0; left: 0; }

.ocd_close_btn.bottom_right { bottom: 0; right: 0; }

.ocd_close_btn:hover { -webkit-transform: scale(0.9); transform: scale(0.9); }

.ocd_close_btn:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); }

.ocd_close_btn a { width: 32px; height: 32px; padding: 0 !important; }

.ocd_close_btn .close-x { stroke: #222; fill: transparent; stroke-linecap: round; stroke-width: 5; }

.ocd_close.light .close-x { stroke: #eee; }

@media all and (max-width: 767px) { .hide_on_mobile { display: none; } }

@media all and (min-width: 768px) and (max-width: 980px) { .hide_on_tablet { display: none; } }

@media all and (min-width: 981px) { .hide_on_standard { display: none; } }