.x-gradient.top {
  background: -moz-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.x-gradient.bottom {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

x-card[tabs-anchor="top"] .x-card__inner-container .x-card__tab-bar {
  background-color: #4cd964; }
  x-card[tabs-anchor="top"] .x-card__inner-container .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path {
    fill: #333333; }
  x-card[tabs-anchor="top"] .x-card__inner-container .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label {
    color: #333333; }
x-card .x-card__card .x-card__header-bar {
  background-color: #4cd964; }
  x-card .x-card__card .x-card__header-bar .x-card__header {
    color: #FFFFFF; }
  x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button .x-card__close-button-icon svg path {
    fill: #FFFFFF; }
  x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button .x-card__close-button-label {
    color: #FFFFFF; }
  x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider {
    background-color: rgba(255, 255, 255, 0.5); }
  x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button .x-card__share-button-icon svg path {
    fill: #FFFFFF; }
  x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button .x-card__share-button-label {
    color: #FFFFFF; }
x-card .x-card__tab-bar {
  background-color: #333333; }
  x-card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path {
    fill: #4cd964; }
  x-card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label {
    color: #4cd964; }
  x-card .x-card__tab-bar .x-card__tab .x-card__tab-icon svg path {
    fill: #FFFFFF; }
  x-card .x-card__tab-bar .x-card__tab .x-card__tab-label {
    color: #FFFFFF; }

x-header {
  color: #333333; }

x-subheader {
  color: #4cd964; }

x-body {
  color: #333333; }

x-list-item .x-list-item__item-content {
  background-color: #f2f2f2; }
  x-list-item .x-list-item__item-content .x-list-item__item-icon svg path {
    fill: #333333; }
  x-list-item .x-list-item__item-content .x-list-item__item-text-content {
    color: #333333; }
x-list-item .x-list-item__share-button {
  background-color: #f2f2f2; }
  x-list-item .x-list-item__share-button .x-list-item__share-icon svg path {
    fill: #333333; }
  x-list-item .x-list-item__share-button .x-list-item__share-label {
    color: #333333; }

x-nav-menu {
  background-color: #333333;
  color: #FFFFFF; }

x-nav-button .x-nav-button__selected-line {
  background-color: #4cd964; }
x-nav-button .x-nav-button__label::after {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0) 0%, #333333 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, #333333 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
x-nav-button.selected {
  color: #4cd964; }
  x-nav-button.selected .x-nav-button__icon path {
    fill: #4cd964; }
x-nav-button[fullscreen] x-nav-flyout .x-nav-flyout__container {
  background: #FFFFFF;
  color: #333333; }

x-nav-flyout {
  color: #FFFFFF; }
  x-nav-flyout .x-nav-flyout__container {
    background-color: #333333; }

x-nav-option.highlight {
  background: #4cd964; }

.x-side-menu__container:not(.draw) {
  display: none !important; }

x-side-menu .x-side-menu__bottom-bar {
  background-color: #4cd964; }
  x-side-menu .x-side-menu__bottom-bar .x-side-menu__close-button .x-side-menu__close-button-icon svg path {
    fill: #FFFFFF; }
  x-side-menu .x-side-menu__bottom-bar .x-side-menu__divider {
    background-color: rgba(255, 255, 255, 0.5); }
  x-side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__more-info-button .x-side-menu__more-info-icon svg path {
    fill: #FFFFFF; }
  x-side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__home-button .x-side-menu__home-button-icon svg path {
    fill: #FFFFFF; }

x-menu .x-menu__scrolling-container .x-gradient.top {
  background: -moz-linear-gradient(top, #333333 20%, rgba(51, 51, 51, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #333333 20%, rgba(51, 51, 51, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #333333 20%, rgba(51, 51, 51, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
x-menu .x-menu__scrolling-container .x-gradient.bottom {
  background: -moz-linear-gradient(top, rgba(51, 51, 51, 0) 0%, #333333 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, #333333 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, #333333 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

x-menu-item > .content .x-menu-item__item-icon svg path {
  fill: #FFFFFF; }
x-menu-item > .content .x-menu-item__item-label > .i18n {
  color: #FFFFFF; }
x-menu-item > .content .x-menu-item__arrow-icon svg path {
  fill: #FFFFFF; }
x-menu-item:after {
  background-color: #525252; }

x-carousel .x-carousel__top-section .x-carousel__arrow .x-carousel__arrow-icon svg path {
  fill: #333333; }
x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot:before {
  border: 0.02em solid #333333; }
x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot:after {
  background-color: #333333; }

svg .menu {
  fill: transparent; }
svg.active .left, svg.active .right, svg.active .left_t, svg.active .right_t, svg.active .left_dr, svg.active .right_dr,
svg.active .menu_top, svg.active .menu_mid, svg.active .menu_bot, svg.active .menu_top_dr, svg.active .menu_mid_dr, svg.active .menu_bot_dr, svg.active .menu_top_tr, svg.active .menu_mid_tr, svg.active .menu_bot_tr,
svg.active .roof, svg.active .roof_t, svg.active .roof_dr,
svg.active .screen, svg.active .screen_t, svg.active .screen_tr,
svg.active .board, svg.active .board_t, svg.active .board_dr, svg.active .board_tr,
svg.active .wheel, svg.active .middle, svg.active .inner, svg.active .middle_f, svg.active .wheel_t, svg.active .middle_t, svg.active .inner_t, svg.active .wheel_tr,
svg.active .top_line, svg.active .middle_line, svg.active .top_line_dr, svg.active .middle_line_dr, svg.active .top_line_tr, svg.active .middle_line_tr,
svg.active .line_1, svg.active .line_2, svg.active .line_3, svg.active .line_4, svg.active .line_1_tr, svg.active .line_2_tr, svg.active .line_3_tr, svg.active .line_4_tr,
svg.active .vid_box, svg.active .vid_box_t, svg.active .vid_box_dr, svg.active .vid_box_tr,
svg.active .carat, svg.active .carat_t, svg.active .carat_tr,
svg.active .plus, svg.active .minus {
  stroke: #E29a18; }
svg.active .bottom_line {
  stroke: #E29a18; }
svg.active .bottom_line_dr {
  stroke: #E29a18; }
svg.active .bottom_line_tr {
  stroke: #E29a18; }
svg.active .inside,
svg.active .right_person, svg.active .middle_person, svg.active .left_person, svg.active .screen_f,
svg.active .person_l, svg.active .person_r,
svg.active .computer, svg.active .range, svg.active .sun_f, svg.active .sun,
svg.active .bell, svg.active .circle,
svg.active .person, svg.active .board_f,
svg.active .wheel_f,
svg.active .show,
svg.active .envelope,
svg.active .box, svg.active .box_f, svg.active .arrow,
svg.active .globe,
svg.active .bubble, svg.active .dot_1, svg.active .dot_2, svg.active .dot_3,
svg.active .search,
svg.active .cube, svg.active .arrow_l, svg.active .arrow_r,
svg.active .outside,
svg.active .play, svg.active .play_t, svg.active .play_f {
  fill: #E29a18; }
svg.active.checked .check {
  stroke: #E29a18; }
svg.active.checked .check_f {
  fill: #E29a18; }
svg.active.hidden .hide {
  fill: #E29a18; }

/*# sourceMappingURL=components.css.map */