.pop-menu li a, .pop-menu li a span, .top_nav_holder #main-setting-base .sub_options > li > a, .top_nav_holder #main-setting-base .sub_options > li > a span {
    font-family: Neue-Helvetica, Helvetica, Arial, "sans-serif";
    font-weight: 100 !important;
    font-size: 20px;
    line-height: 20px;
}

.tile-frame {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    top: 0;
}
.tile-frame[data-frame]:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    padding: 0px;
    left: 0;
    z-index: 10;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/media/shop/frame-vertical-black.png);
    overflow: visible;
    background-size: cover;
    display: none;
}
.tile-frame[data-frame].horizontal.black-frame:before {
    background-image: url(/media/shop/frame-horizontal-black.png);
 
}

.tile-frame-box {
    display: flex;
    align-items: stretch;
}

.tile-frame-contents{
    padding: 0%;
    position: relative;
    height: 100%;
}

.shop-nav-title {
    font-size: 17px;
    text-transform: uppercase;
    font-family: Avenir Next;
    font-weight: 400;
    float: left;
    width: 100%;
    margin: 10px 0;
}
.shop-nav-section {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}
.slider.ui-widget.ui-widget-content {
    width: 95%;
    left: 3%;
    right: 3%;
    opacity: 1;
}
.slider.ui-state-default, .slider.ui-widget-content .ui-state-default {
    border: 1px solid #000;
    font-weight: normal;
    color: #fff;
    appearance: none;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #000;
    cursor: pointer;
}
.slider.set.ui-state-default, .slider.set.ui-widget-content .ui-state-default {

    background: #fff;
}

.header-stripe {
    top: 0px;
}
.main-nav-handle.retracted,.header-stripe.retracted {
    top: -100px;
}

/* ==================
    PRODUCT
=================== */
.product-att-selector.product-att-size-selector.two-col.disabled {
    background: #eee;
}
.product-att-selector.product-att-size-selector.two-col.disabled div {
        text-decoration: line-through;
}

/* ==================
    CHECKOUT
=================== */
.flex-grid {
	display: grid;
}
.flex-top {
    align-items: flex-start;
}
.grid-cols-40-60 {
	width: 100%;
	grid-template-columns: 60% 40%;
	float: left;
}

.col-main {
    padding: 80px;
    background: transparent;
}
.col-right .button {
    margin: 10px;
    padding: 40px;
}

.col-right .button span {
    font-weight: bold;
    font-size: 16px;
}
.col-right .button.selected {
    	background-color: #228ef2 !important;
}
.col-right .button.selected:hover {
    	background-color: #00376b !important;
}
.col-right.flex.stick {
    position: sticky;
    top: 50px;
    margin-top: 20px;
}
li.nav-breadcrumb.currentAction a.title {
    border-bottom: 2px solid #000;
}
.nav-breadcrumb-steps {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 40px 40px 40px 80px;
    border-bottom: 1px solid #d4d4d4;
    margin: 0;
}

li.nav-breadcrumb.progress {
    align-items: center;
    display: inline-flex;
}

li.nav-breadcrumb a.title {
    border-bottom: 1px solid transparent;
    border-radius: 0;
    color: #a1a1a1;
    color: #313131;
    font-size: 16px;
    font-weight: 400;
    font-weight: bold;
    line-height: 22px;
    line-height: 19px;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
li.nav-breadcrumb .chevron {
    line-height: 22px;
    padding: 0 6px;
    text-align: center;
    width: 31px;
    font-weight: bold;
    font-size: 20px;
}


/* ==================
    BOARDS
=================== */
.media-pin-handle {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 45px;
    top: 50%;
    margin-top: -22px;
    z-index: 1;
}
.media-pin-handle-global {
    position: absolute;
    z-index: 100000000;
    pointer-events: all;
}
.pin-handle {
    background-color: #eee;
    position: relative;
    color: white;
    font-size: 13px;
    border: none;
    cursor: pointer;
    color: #fff !important;
    padding: 20px 9px;
    display: flex;
    border-radius: 50%;
    background: #cc302a;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
}
.pin-handle li {
  width: 26px;
  height: 5px;
  color: #fff !important;
  background: none repeat scroll 0 0 #fff;
}
.pin-handle.small li {
    width: 16px;
    height: 3px;
    color: #fff !important;
    background: none repeat scroll 0 0 #fff;
  }
.pin-handle li:last-child {
  display: block;
  transform: rotateY(0deg) rotate(90deg); /* needs Y at 0 deg to behave properly*/
  transition: transform 0.22s;
  margin-top: 0;
}
.pin-handle li:first-child {
  display: block;
  transform: rotateY(0deg) rotate(-0deg); /* needs Y at 0 deg to behave properly*/
  transition: transform 0.2s;
  margin-right: -25px;
}
.pin-handle.small li:first-child {
    margin-right: -16px;
  }

/* ==================
1. PRODUCT
=================== */

.collection-description {
    font-size: 20px;
    line-height: 26px;
    max-width: 50%;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.overlay-text-dynamic.strong, .overlay-text-dynamic.strong h1 {
  font-weight: 700;
}
h2.edition_type.limited {
    color: #b45b2d;
    font-style: italic;
    margin: 0 0 10px;
}
h2.edition_type.open {
    color: #2d63b4;
    font-style: italic;
    margin: 0 0 10px;
}

.price, input.main_bid::placeholder, input.main_bid, .shop_product_price, .price_currency_icon {
    color: #000 !important;
    font-weight: 600 !important;
}


.main-product-section-size-selector-price {
    font-weight: 600;
}

.sub.italic.discount {
    background: #e8ffef;
    padding: 0px 2px;
    font-weight: 400;
    line-height: 13px;
}

.filter-title {
    text-transform: uppercase;
    font-weight: 600 !important;
}
span.filter-set {
    font-weight: 400 !important;
}
.row.compact {
  
max-width: 100%;
  
width: 100%;
}
.wall-grid.shop-grid .wall-grid-item {
    width: calc(33% - 20px);
    flex: unset;
}
.shop-grid.compact .shop-grid-item {
    width: 13%;
    flex: unset;
}
.shop-grid.large .shop-grid-item {
    width: 48%;
    flex: unset;
}

.product-image-container {
  
}
.product-image-size-target {
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.product-image-border-target {
  width: 100%;
  float: left;
}
.context-album a {
}

.section_shop .media_container img {
    width: 100%;
    vertical-align: top;
    padding: 9.0909090909091%;
    border: 0 solid #fffefd;
    background: #fffefd;
    box-shadow: 0;
}
.tiles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: crosshair;
    padding: 9.0909090909091%;
}
.group-selector {
        border: 2px solid #000;
        margin: 0 0 10px 0;
}
label.product-att-selector, label.product-att-select, .option-selector {
    order: unset;
    border-color: #000;
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 5px !important;
    border: 1px solid #eaeaea;
    cursor: pointer;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    justify-items: center;
    margin-left: 0 !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    border-width: 2px !important;!i;!;
    border-color: #000;
}
.product-att-selector-input {
    display: none;
}
label.product-att-selector.selected, label.product-att-select.selected, .option-selector.selected, .group-selector.selected {
    border: 2px solid #228ef2;
}
label.product-att-selector.two-col,label.product-att-select.two-col {
    grid-template-columns: 1fr 1fr;
}
.main-product-section-size-selector-dimensions {
    font-size: 13px;
}
.main-product-section-size-selector-dimensions-sub {
    font-size: 13px;
    color: #828282;
}

.main-product-section-size-selector-name {
    text-transform: uppercase;
    font-weight: 600;
}


/* ==================
1. BREADCRUMBS
=================== */
.sitecrumb {
    float: none;
    width: 80%;
    margin: 17px auto;
    position: relative;
    display: block;
    z-index: 100000;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
}
.sitecrumb li a {
    float: left;
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
}
.sitecrumb li span {
    color: #919191;
}


/* ==================
1. SUBSCRIPTIONS
=================== */
.subscription-landing {
    position: absolute;
    border-radius: 20px;
    top: 95px;
    bottom: 20px;
    left: 25%;
    right: 25%;
    width: 50%;
    text-align: center;
    background: rgba(0,0,0,0.5);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    overflow: hidden;
}

.subscription-landing-title {
    color: #fff;
    font-size: 60px;
    line-height: 60px;
    margin: 0 0 20px;
    top: 40px;
}

.subscription-landing-description {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    width: 75%;
    margin: 0 auto;
    left: 0;
}
.subscription-landing-content {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    margin: 20px 0;
}
.subscription-landing-content span.overlay-text-dynamic {
    top: auto;
    margin: 0;
    position: relative;
}
a.button-mid.subscribe {
    background: #fff !important;
    color: #000 !important;
    width: auto;
}
a.button-mid.subscribe span {
    color: #000 !important;
    text-transform: uppercase;
}
a.button-mid.subscribe. {
    background: #c21b18 !important;
    color: #fff !important;
}
a.button-mid.subscribe span.label {
    background: #c21b18 !important;
    color: #fff !important;
    padding: 0 10px;
    font-weight:900 !important;
}
.nav-handle.medium {
    width: 35px;
    height: 35px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.nav-handle.medium i {
    font-size: 18px;
    line-height: 18px;
}
/* ==================
1. POP MENU
=================== */
.figure.h100vh {
    height: calc(100vh) !important;
    margin-top: 0;
}
body {
    overflow-y: auto;
}

.main-nav-handle {
    position: fixed;
    left: 40px;
    top: 41px;
    right: 20px;
    width: 67px;
    height: 37px;
    z-index: 100000001;
}
.pop-menu {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 0 !important;
    bottom: 0;
    z-index: 100000000;
}
.pop-menu li a {
  width: 100%;
  color: #000;
  text-transform: uppercase;
  font-family: Neue-Helvetica, Helvetica, Arial, "sans-serif";
  font-weight: 100 !important;
  font-size: 20px;
  line-height: 20px;
}
.pop-menu-sidebar {
    float: left;
    width: 20%;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
}
.pop-menu-sidebar-content {
    top: 40px;
    float: left;
    margin: 110px 0px;
    float: left;
    width: 100%;
}
.pop-menu-sidebar-content ul {
  width: auto;
  float: none;
  margin: 0 46px 0 46px;
}
.pop-menu-content {
    right: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    position: absolute;
}
.main-nav-handle span {
    float: left;
    width: 56px;
    height: 1px;
    background: #000;
    margin: 5px;
    transition: transform 0s;
}
.neutral .main-nav-handle span {
    background: #fff;

}
.main-nav-handle.active span:last-child {
  display: block;
  transform: rotateY(0deg) rotate(45deg); /* needs Y at 0 deg to behave properly*/
  transition: transform 0.22s;
  margin-top: -5px;
}
.main-nav-handle.active span:first-child {
  display: block;
  transform: rotateY(0deg) rotate(-45deg); /* needs Y at 0 deg to behave properly*/
  transition: transform 0.2s;
  margin-top: 12px;
}
.main-nav-handle.active span {
    display: none;
    transition: transform 0s !important;
}




.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 30px;  /* Preferred icon size */
    line-height: 30px !important;
    color: #000 !important;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
    width: 100%;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    float: right;
    margin: 16px 0 0;
  }
  
  .share-options .material-icons-sub {
      float: right !important;
      width: 100%;
      margin: 0 !important;
      color: #000 !important;
      position: absolute;
  }
  h2 {
      font-size: 26px;
      line-height: 30px;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .input-suffix,.input-prefix {
      float:left;
      position:relative;
  }
  .input-prefix {	
  }
  .input-suffix input {
      border-radius: 0 50px 50px 0 !important;
      padding: 20px 5px 20px 5px !important;
  }
  .input-prefix {
      border-radius: 50px 0 0 50px !important;
      padding: 18px 3px 18px 11px;
      font-size: 14px;
      border-top: 1px solid #a6a9ac !important;
      border-left: 1px solid #a6a9ac !important;
      border-bottom: 1px solid #a6a9ac !important;
  }
  
  .forward-action {
      font-size: 30px;
      line-height: inherit !important;
      color: #000 !important;
      background: transparent !important;
      position: relative;
  }
  .forward-action.neutral,.forward-action.light {
      color: #fff !important;

  }
  .call-to .forward-action {
      top: 1px;
  }
  .admin_nav a.a span, .admin_nav a span, h3 {
      font-weight: bold;
      box-flex: 1;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 0;
      font-family: Avenir Next;
      letter-spacing: 2px;
      font-size: 21px;
      font-weight: 500;
      line-height: 27px;
      text-transform: none;
      hyphens: auto;
      word-break: break-word;
      word-wrap: break-word;
      color: #000;
  }
  .option-panel, .option-panel div, .theme-editor-section-title span, .editor-sidebar-header h3, .option-panel div h3, h3  {
      font-family: Avenir Next !important;
      font-size: 20px;
      color: #000000;
  }
  .option-panel div h3, .theme-editor-section-title span, .editor-sidebar-header h3, h3, .admin_nav a.a span {
      margin: 0;
  }
  
  
  
  .nav-sub-items .sub_options > li span, li.nav-sub-items span, li.nav-sub-items a {
      font-weight: 400;
  }
  
  li.nav-sub-items a {
      line-height: 22px;
      padding: 0;
  }
  .nav-sub-items .sub_options > li.active span {
      font-weight: 500;
  }
  .nav-sub-items ul li.active a {
          padding: 5px 0 !important;
  }
  
  /*
      TYPE
  */
  
  .sidepanel li.active > a, .sidepanel li.active > a span, .setting-general.active-general > a, .setting-payments.active-payments > a, .setting-shop.active-shop > a {
      background: transparent;
      color: #000 !important;
      font-weight: 100;
  }
  .btn-context {
      background-color: #ddd!important;
      border-color: #000 #000 #000 !important;
      color: #000 !important;
  }
  .go span, .button span, .button-mid span {
      font-weight: 400;
      line-height: inherit;
      color: #fff;
  }
  .go:hover span, .button:hover span, .button-mid:hover span {
  
  }
  .tabs a {
      margin: 0;
      background-color: #fff !important;
      color: #000 !important;
      padding: 15px 25px !important;
      font-family: Avenir Next;
      letter-spacing: 0;
      text-transform: uppercase;
      width: auto !important;
      border-radius: 0px !important;
      border-bottom: 2px solid #fff;
  }
  .tabs a:hover {
      color: #000 !important;
  }
  .tabs a:hover span {
      color: #000 !important;
  }
  .tabs a span {
      color: #000 !important;
  }
  .tabs .active a {
      background-color: #fff !important;
      border: 0 none !important;
  }
  .tabs .active a span {
      color: #000 !important;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-evenly;
  }
  .tabs .active a {
      background-color: #000;
      border-color: #000;
      color: rgb(128, 128, 128);
      text-shadow: none;
      border: none;
      border-bottom: 2px solid #000 !important;
  }
  .tabs.flex.vertical a {
      border-bottom: 0px solid #000 !important;
      padding: 5px 0 5px !important;!i;!;
  }
  .tabs.flex.vertical a .cc label span {
      top: 1px;
  }
.tab-description.tab-content {
    line-height: 13px;
}
.att-settings {
    padding: 20px;
    border: 1px dashed #ccc;
    margin: 15px 0;
}
.app-settings-title {
    margin: 0;
    color: #000 !important;
    padding: 15px 25px !important;
    font-family: Avenir Next;
    letter-spacing: 0;
    text-transform: uppercase;
    width: auto !important;
    border-radius: 0px !important;
    font-weight: 600;
    text-decoration: underline;
}
.product-attribute-title,.app-settings-title  {
    color: #000 !important;
    font-family: Avenir Next;
    letter-spacing: 0;
    width: auto !important;
    font-weight: 600;
}
.product-attribute-title {
  margin: 13px;
}


.att_added_options .tabs li {
    margin: 0;
    padding: 0 !important;
}
.att_added_options .tabs a {
    background: transparent;
    background-color: transparent !important;
    border-bottom: 2px solid transparent;
    font-size: 14px;
}

  .btn-context {
      background-color: #000 !important;
      border-color: #000 #000 #000 !important;
      color: #fff !important;
  }
  .btn-context:hover, .button.call-to.dark:hover {
	background-color: #228ef2 !important;
      color: #fff !important;
  }
  .sidepanel.sub_options > li > a:hover, .sidepanel.sub_options > li > a:hover span {
      background: transparent;
      color: #000 !important;
  }
  .account-balance.active-balance > a, .account-balance.active- > a, .sub_options li.active > a, .options li.active a, .options li.active a span {
      color: #000 !important;
  }
  .options li.active > a, .options li > a:hover {
      background: #f5f5f5;
      color: #000 !important;
      font-weight: bold;
  }
   .options li > a:not(.button) {
     background: transparent !important;
   }
 
  /* ==================
  7. GRID
  =================== */
  .overlay-title {
    color: #fff;
    font-size: 23px;
    line-height: 40px;
    font-weight: bold;
  }
  .grid {
    position: relative;
  }
  .item {
    display: block;
    overflow: hidden;
    !i;!;
  }
  .item .wrapper {
    line-height: 24px;
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
  }
  .grid.view .item .wrapper {
    height: 327px;
  }
  .item a div.wrapper div.project-title {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
  }
  .item a div.wrapper div.project-title h2 {
    color: #fff;
    font-size: 15px;
    font-family: "Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal;
    font-family: 'EB Garamond', serif;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 10px;
    padding: 0 24px;
  }
  .item a div.wrapper div.project-title h3 {
    color: #fff !important;
    margin-top: 0;
    font-size: 15px;
    font-family: Georgia,serif;
    font-weight: normal;
    font-family: 'EB Garamond', serif;
    font-size: 10px;
    line-height: 1.4em;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: italic;
    padding: 15px 24px;
  }
  .item a div.wrapper div.project-title h4 {
    color: #fff;
    margin-top: 0;
    font-size: 10px;
    font-family: Georgia,serif;
    font-weight: normal;
    font-family: 'EB Garamond', serif;
    font-size: 10px;
    line-height: 1.4em;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    padding: 0 24px;
  }
  .item:hover i.media {
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
  }
  i.media.no-zoom {
    margin-bottom: 20px;
  }
  .item:hover i.media.no-zoom {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
  .item .project-title {
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
  }
  .item i.media, .item .wrapper, .project-title, i.mediaThumb, .grid-article-header, .grid-article-footer {
    -webkit-transition: top 0.4s ease-out, left 0.4s ease-out, opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -moz-transition: top 0.4s ease-out, left 0.4s ease-out, opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -o-transition: top 0.4s ease-out, left 0.4s ease-out, opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
    transition: top 0.4s ease-out, left 0.4s ease-out, opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  }
  .grid div.wrapper {
    -webkit-perspective: 1000;
  }
  .item:hover .wrapper {
    opacity: 0.8 !important;
  }
  .item:hover .project-title {
    -ms-transform: scale(0.7) !important;
    -webkit-transform: scale(0.7) !important;
    -moz-transform: scale(0.7) !important;
    -o-transform: scale(0.7) !important;
    transform: scale(0.7) !important;
  }
  .item:hover i.mediaThumb {
     -ms-transform: scale(1.1) !important;
    -webkit-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    -o-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
  }
  .item:hover .project-title {
    -ms-transform: scale(0.7) !important;
    -webkit-transform: scale(0.7) !important;
    -moz-transform: scale(0.7) !important;
    -o-transform: scale(0.7) !important;
    transform: scale(0.7) !important;
  }
  .mediaThumb.mediaLandscape {
      padding-top: 75% !important;
  }
  .mediaThumb.mediaPortrait {
      padding-top: 150% !important;
  }
  i.mediaThumb {
      height: 156px;
      height: auto !important;
      width: 100%;
      padding-top: 100%;
      float: left;
      background-position: 50% 25%;
      background-size: cover;
  }
  i.mediaThumbEmpty {
      background-color: #eee !important;
  }
  .overlay-text {
    position:absolute;
    top: 50%;
    margin-top: -20px;
    left:0;
    right:0;
    color: #fff;
    font-family: 'EB Garamond', serif;
    font-weight: 100;
    z-index: 11;
    padding: 0;
    text-align: center;
  }
  .wrapper .overlay-text, .wrapper-no-img .overlay-text {
    margin-top: -20px;
  }
  .overlay-text-button {
    background-color: #8A8A8A;
    text-align: center;
    width: 320px;
    float: none;
    margin: 20px auto;
    padding: 10px 30px;
    color: #fff;
    font-size: 26px;
    border-radius: 4px;
    line-height: 69px;
  }
  .overlay-text-title {
    text-align: center;
    width: 100%;
    float: left;
    color: #fff;
    font-size: 55px;
    line-height: 69px;
  }
  .overlay-text-context {
    text-align: center;
    width: 100%;
    float: left;
    color: #fff;
    font-size: 29px;
    line-height: 39px;
  }
  .overlay-text-static {
    color: #fff;
  }
  .overlay-text-dynamic, .overlay-text-dynamic div, .overlay-text-dynamic a, .overlay-text-dynamic h1, .overlay-text-dynamic h2, .wrapper .overlay-title, .wrapper-no-img .overlay-title, .content-section-title span, .wrapper .overlay-title a {
    color: #000;
    margin: 0;
    font-weight: normal;
    font-family: Avenir Next;
    letter-spacing: 2px;
  }
  .content-section-title span {
      font-size:40px;
  }
  .content-section-title {
      bottom: -50px;
      position: absolute;
      left: 0;
      right: 0;
  }
  
  .filter, .item .wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 2;
    background: #fff;
  }
  .wrapper.browsers {
    z-index: 1;
    top: 0;
  }
  .item:hover .wrapper.browsers {
    opacity:0.9 !important;
  }
  .browser .overlay-text {
      top: 39%;
  }
  .forward-action, .sub-menu-drop-title {
      font-family: Avenir Next !important;
  }
  .notifications {
      position: fixed;
      right: 0;
      left: 0;
      margin: 0 auto;
      top: 50px;
      z-index: 1000001001;
      text-align: center;
      width: auto;
      max-width: 50%;
  }
  .notifications span {
      padding: 10px 30px;
      width: auto;
      float: none;
      border-radius: 3px;
      color: #000;
      display: inline-block;
      font-weight: bold;
  }
  .notifications.success span {
      background: #d1ffe8;
  }
  .notifications.error span {
      background: #ffd1d1;
  }
  .user-account-nav {
      position: absolute;
      width: 300px;
      left: 0;
      right: 0;
      margin: 14px auto;
  }
  .user-accounts select {
      border: #fff;
      background: #fff;
      padding: 10px 0px 10px 40px;
      line-height: 20px;
      height: auto !important;
      font-family: Avenir Next;
      font-weight: 400;
      font-size: 15px;
      text-indent: 0;
      width: 100%;
  }
  .user-accounts {
      position: fixed;
      bottom: 20px;
      z-index: 100000;
      left: 20px;
      width: 200px;
      overflow: hidden;
  }
  .icon-user-switch {
      background: url("/media/icon-user-switch.png") no-repeat scroll 5px 5px transparent;
      background-size: 27px;
      height: 40px;
      width: 40px !important;
      cursor: pointer;
      padding: 10px !important;
      float: right !important;
      position: absolute;
      z-index: 1000;
      left: 0;
  }
  .item-block-bottom {
      bottom: 0;
      position: relative;
      background: #fff;
      left:0;
      right:0;
      z-index: 1000;
  }
  i.mediaFeatureGrid.profileSet {
      width: 200px;
      height: 200px;
      margin: 0;
  }
  .profile-pic i.mediaFeatureGrid.profileSet {
       width: 190px;
       height: 190px;
       padding-top: 0;
       margin: 0;
       border: 0px solid #fff;
       border-radius: 0;
  }
  .grid-reverse .wrapper {
    opacity:1 !important;
  }
  .grid-reverse .item:hover .wrapper {
    opacity:0 !important;
  }
  
  
  /*
      Desktop/Frames
  */
  .ipad-frame {
      width: 994px;
      height: 745px;
      position: absolute;
      right: 0;
      left: 0;
      display: block;
      margin: 77px 151px;
  }
  .view-frame-pad {
      height: 837px;
      background: transparent;
  }
  .grid .view-frame-pad {
      height: auto;
      background: transparent;
  }
  .view-frame-full {
  width: 100%;
  height: 837px;
  position: absolute;
  right: 0;
  left: 0;
  top: 20px;
  display: block;
  margin: 0;
  }
  .browser {border-width: 0 1px 1px;border-color: #f5f5f5;border-style: solid;float: none;position: relative;overflow: hidden;z-index: 1;background: #fff;}
  .grid .browser {border-width: 1px;border-color: #eeeeee;border-style: solid;float: none;position: relative;overflow: hidden;z-index: 1;background: #fff;border-radius: 3px;}
  
  .browser-bar .logo,.header-navigation .logo {
      float: left;
      letter-spacing: 5px;
  }
  .browser-bar .logo, .browser-bar .logo a, .header-navigation .logo a, .logo {
      color: #fff;
      font-size: 28px;
      padding: 25px 45px;
      font-family: Avenir Next !important;
      font-weight: 600;
  }
  .header-stripe.static {
      position: relative;
  }
  .header-stripe.static .browser-bar .logo, .header-stripe.static .browser-bar .logo a {
      color: #000;
  }
  
  .browser-slim {
      border-width: 0 1px 1px;
      border-color: #e0e0e0;
      border-style: solid;
      float: none;
      position: relative;
      overflow: hidden;
      z-index: 1;
      background: #fff;
      
      border-radius: 0 0 3px 3px;
  }
  .browser-bar {
  background-color: #383838;
  }
  .browser-bar {border-radius: 3px 3px 0 0;height: auto;font-size: 1px;background-color: transparent;line-height: 26px;}
  .browser-bar {
  position: relative;
  width: 100%;
  }
  
  .browser-bottom-bar {
  border-radius: 0 0 8px 8px;
  height: 51px;
  font-size: 1px;
  background-color: #e0e0e0;
  line-height: 26px;
  }
  .no-touch {
  background-color: #fff !important;
  }
  .browser-bottom-bar {position: relative;width: 100%;display: none;box-shadow: 0px 1px 0px #ccc;-webkit-box-shadow: 0px 1px 0px #ccc;z-index: 1;}
  .browser-bottom-bar.bar-small {
  height: 0px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0 !important;
  
  
  }
  .screen-bar {
  border-radius: 8px 8px 0 0;
  height: 0;
  font-size: 1px;
  background-color: #000;
  line-height: 26px;
  }
  .screen-bar {
  position: relative;
  width: 100%;
  }
  
  .browser-button {display: inline-block;height: auto;font-size: inherit;margin-left: 6px;float: left;}
      
  .browser-button:first-child {
  margin-left: 8px;
  }
  .browser-button:before {content: "\25cf";font-size: 10px;line-height: 20px;color: #7f7f7f;}
  
  .header-stripe .browser-button {display: inline-block;height: 21px;font-size: inherit;margin-left: 6px;float: left;margin-top: 5px;}
      
  .header-stripe .browser-button:first-child {margin-left: 25px;}
  .header-stripe .browser-button:before {content: "\25cf";font-size: 20px;line-height: 20px;color: #7f7f7f;}
  
  
  .browser-base {
      width: 340px;
      height: 100px;
      display: none;
      background-color: transparent;
      margin: -60px auto;
      position:relative;
      border-bottom: 2px solid #ccc;
  }
  .browser-base:before {
      content: " ";
      float: left;
      left: 0;
      margin: -150px 0;
      display: table;
      position: absolute;
      width: 0; 
      height: 0; 
      border-top: 250px solid transparent;
      border-bottom: 0px solid transparent;
      border-right: 250px solid #e0e0e0;
  }
  .browser-base:after {
      position: absolute;
      content: " ";
      display: table;
      width: 0;
      height: 0;
      margin: -150px 0;
      float: right;
      right: 0;
      border-top: 250px solid transparent;
      border-bottom: 00px solid transparent;
      border-left: 250px solid #e0e0e0;
  }
  .frame-mobile.stretch-wrap {
      width: 340px !important;
      height: 568px;
      position: relative;
      right: 0;
      top: 0;
      z-index: 10000;
      margin: 0 auto;
  }
  .frame-mobile .browser-base {
      display: none;
  }
  .stretch-wrap .frame-mobile {
      width: 340px;
      height: 568px;
      position: absolute;
      right: -80px;
      top: 405px;
      z-index: 10000;
  }
  .frame-mobile .view-frame-pad {
      height: 568px;
      width: 568px;
      background: transparent;
  }
  .frame-mobile .view-frame-full {
      width: 100%;
      height: 568px;
      position: absolute;
      right: 0;
      left: 0;
      top: 20px;
      display: block;
      margin: 0;
  }
  .frame-mobile .browser-bottom-bar {
      border-radius: 0 0 8px 8px;
      height: 31px;
      font-size: 1px;
      background-color: #000;
      line-height: 26px;
  }
  .frame-desktop, .frame-desktop-mid {
      z-index: 10000;
      position: relative;
      width: 100%;
      margin: 0 auto;
  }
  a.view-frame-button {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -100px;
      margin-top: -10px;
      width: 200px;
      color: #fff;
      display:none;
  }
  .view-frame-overlay {
      background:#fff;
      position: absolute;
      top:0;
      bottom:0;
      left:0;
      right:0;	
      opacity: 0;
  }
  .frame-desktop:hover .view-frame-overlay {	
      opacity: 0.4;
  }
  .frame-desktop:hover a.view-frame-button {	
      display:block;
  }
  
  .item-active {
      border-left: 5px solid #6dde6d;
  }
  .item-inactive {
      border-left: 5px solid #ec6b6b;
  }
  
  .header-stripe {
      height: auto;
      z-index: 1000000;
      background: transparent;
      position: relative;
      right: 0;
      left: 0;
  }
  .header-stripe.static {
      background: #f5f5f5;
  }
  .header-stripe .browser-bar {
      background: transparent;
      height: auto;
      float: left;
      width: auto;
  }
  .header-stripe .browser-bar .logo img, .navigation-logo .logo img, .browser-bar .logo img, .browser-bar .logo i  {
      display: none;
  }
  .header-navigation .logo {
      float: left;
      margin: 11px 0 0 !important;
  }
i.app-logo {
    width: 100px !important;
    height: 30px;
    background-size: contain;
}
  .open_theme_preview {
      
  }
  
  #previewBox{
      background: #fff;
      border-radius: 0;
      box-shadow: none;
      font-size: 13px;
      height: 100%;
      left: 0;
      top: 0;
      margin-left: 0;
      margin-top: 0;
      padding: 0;
      position: fixed;
      right: 0;
      text-align: center;
      width: 100%;
      z-index: 19999;
      overflow: auto;
      border: 0px solid #4BAEC4;
  }
  #previewBox .browser {
      height: 857px;
      width: 1440px;
      padding-top: 0px;
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
      position: absolute;
      left: 50%;
      top: 60px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      opacity: 1;
      -webkit-transition: opacity 500ms cubic-bezier(.694,0,.335,1);
      -o-transition: opacity 500ms cubic-bezier(.694,0,.335,1);
      transition: opacity 500ms cubic-bezier(.694,0,.335,1);
      border: 10px solid #f5f5f5;
  }
  #previewBox .frameContainer {
      -webkit-transform: scale(1);
      transform: scale(0.2);
      -webkit-transition: -webkit-transform 200ms cubic-bezier(.694,0,.335,1);
      transition: -webkit-transform 200ms cubic-bezier(.694,0,.335,1);
      -o-transition: transform 200ms cubic-bezier(.694,0,.335,1);
      transition: transform 200ms cubic-bezier(.694,0,.335,1);
      transition: transform 200ms cubic-bezier(.694,0,.335,1),-webkit-transform 200ms cubic-bezier(.694,0,.335,1);
  }
  
  #previewBox iframe {
      width: 1440px;
      height: 855px;
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
      margin: 0;
      border: 0;
      padding: 0;
  }
  
  .preview-left {
      float: left;
  }
  
  .caret-left {
      float: left;
      margin: 25px 45px;
      font-family: Avenir Next;
      text-transform: uppercase;
  }
  
  .background-image {
      position: relative;
      display: block;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 100vh;
      min-height: 100%;
      max-height: 100% !important;
      /* min-height: 48.8372093vw;
      max-height: 69.44444444vw;*/
  }
  .image-bg .overlay-text-dynamic {
      color: #fff !important;
  }
  
  .dark .browser-bar .logo, .dark .header-navigation .logo, .keep-dark .header-navigation .logo, .neutral .header-navigation .logo, .neutral .browser-bar .logo {
      color: #000;
      margin: 3px 0;
      background: url(/media/nowe-logo.jpg?v=95082864) 0;
      width: 140px !important;
      background-size: 140px;
      height: 72px;
  }
  
  .browser-bar .logo {
      color: #000;
      margin: 0px;
      background: url(/media/nowe-logo.jpg?v=96082864) 0;
      width: 170px;
      background-size: 170px;
      height: 72px;
  }
  .browser-bar .logo.sea {
      background: url(/media/nowe-logo.png?v=95082864);
      background-size: 144px;
      width: 144px;
  }
  .neutral .header-navigation .logo.sea, .neutral .browser-bar .logo.sea {
      background: url(/media/logos/LOGO-RED.png?v=95082865) 0 !important;
      background-size: 177px !important;
      width: 177px !important;
  }
.neutral.studios .browser-bar .logo.sea.studios
 {
      background: url(/media/logos/nowe-studios-stacked.png?v=95082865) 0 !important;
      background-size: 177px !important;
      width: 177px !important;
  }
  
  
  .static .overlay-text {
      top: 0 !important;
  }
  .static .background-image {
      min-height: 14.8372093vw;
  }
  
  .header-call {
      width: 210px !important;
      font-size: 30px;
      padding: 35px;
  
  }
  .header-call a {
      font-size: 30px;
      padding: 35px;
      color: #000;
      font-weight: 300;
      font-size: 26px;
  }
  
  .title-sub {
      font-size: 18px !important;
      line-height: 30px !important;
      font-style: italic;
      color: #9C9C9C;
  }
  
  i.mediaThumb {
      height: 156px;
      height: auto !important;
      width: 100%;
      margin-left: 0;
      padding-top: 100%;
      float: left;
      margin: 0 0;
      background-position: 50% 50%;
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: contain;
  }
  .browser i.mediaThumb {
      margin: 0 !important;
      padding-top: 54% !important;
      width: 100%;
  }
  .grid .show_sibling {
      margin: 3px 5px;
      border-radius: 30px;
      padding: 7px !important;
  }
  #albumHolder.media-viewer li.media-item .react_sibling {
      border: 0px solid #f5f5f5;
  }
  .body-container-padding {
      padding: 0 40px;
  }
  .account_balance {
      float: right;
      font-size: 23px;
      margin: 25px 20px 0 0;
      color: #000;
      font-weight: 100;
  }
  
  /*
  OPTIONS / SLIDER
  */
  .options-panel {
      display: 
      -webkit-box;
      display: 
      -webkit-flex;
      display: 
      -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      height: 
      -webkit-calc(100% - 62px);
      height: calc(100% - 62px);
      background: #ffffff;
      position: absolute;
      top: 0px;
      right: -100%;
      background-color: #ffffff;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      z-index: 1;
      -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
      transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
      opacity: 1;
      display: none;
  }
  .option-panel {
      padding: 0 5px 10px;
      margin: 0px 0 20px;
      font-size: 14px;
      font-family: Avenir Next !important;
      font-weight: 600;
  }
  .option-panel div, .shop-nav ul li a, .shop-nav ul li span {
      font-size: 16px !important;
      line-height: 16px !important;
      font-family: Avenir Next !important;
      font-weight: 500  !important;
      color: #000000;
  }
.option-panel div {

  }
  .bg-success {
      background: #fff;
      border-color: #59da39;
  }
  .field-value {
      float: right;
      width: 20%;
  }
  .field-value span {
      position: relative;
      float: right;
      width: 30%;
  }
  .field-value input[type="text"] {border: 0 none !important;float: right;text-align: right;font-size: 14px;width: 70%;}
  input.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    padding: 0 !important;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }
  input.slider:focus {
    border: 0 none !important;
  }
  input.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%; 
    background: #000000;
    cursor: pointer;
  }
  
  input.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
  }
  input, textarea, .submit_button, post_textarea {
      height: auto;
      min-height: 10px;
      background: #fff;
      text-indent: 0;
  }
  input:focus, textarea:focus, textarea:active, .submit_button:focus, .autoHeight:focus, .autoSize:focus {
      border: 0 0 1px 0 #000 !important;
      border-color: #000 !important;
  
  }
  .option-panel .set-slider-container {
      display: block !important;
      float: left !important;
      width: 80%;
      margin: 8px 0 0 !important;
      background: #fff;
      padding: 1px 0;
  }
  .option-panel .set-slider {
      margin: 0px 0 !important;
      float: left;
      text-indent: 0;
  }
  .option-panel .set-slider-container span {
      float: left;
  }
  .empty-data-list {
      padding: 50px 0px;
      background: #f1f1f1;
      text-align: left;
  }
  .empty-data-list h3 {
      text-align: left;
      padding: 0;
      margin: 0;
      text-indent: 50px;
  }
  
  
  
  
  
  /*
  
  FRONTSIDE
  
  */
  .theme-editor div#container_cont_inner {
  }
  div#container_cont_inner {
      margin: 0;
  }
  body.app-network div#container_cont_inner {
      margin: 96px 0;
  }
  .header-stripe {
      height: 95px;
      z-index: 1000000;
      background: #fff;
      position: fixed;
      right: 0;
      left: 0;
      display: block;
  }
  
  .header-stripe.light {
  }
  .header-stripe.transparent {
      background: transparent;
  }
  .header-navigation .logo {
      width: 20%;
      float: left;
      width: 180px !important;
      padding: 0 20px !important;
      z-index: 1000000;
  }
  .header-navigation .header-menu {
      width: 100%;
      height: 95px;
  }
  .content-top {
       margin-top: 200px	
  }
  .header-navigation .logo, .header-navigation .logo a {
      padding: 9px 15px;
      font-family: Avenir Next !important;
  }
  .header-menu ul li, .drop-nav li {
      display: flex;
      float: left;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: stretch;
      align-items: flex-start;
      justify-content: flex-start;
  }
  .header-menu ul li.right, .drop-nav li.right {
      float: right;
  }
  .light .drop-nav {
  }
  .transparent .drop-nav {
      background: transparent;
  }
  .header-call, .header-menu {
      width: auto;
      font-size: 18px;
      padding: 0;
      float: right;
      right: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-around;
      align-items: center;
  }
  .header-call a, .header-menu li a {
      padding: 35px 20px;
      font-weight: 500;
      font-size: 14px;
      font-family: Avenir Next;
      z-index: 1000;
      cursor: pointer;
      position: relative;
  }
  .header-menu > ul > li > a {
      text-transform: uppercase;
  }
  .drop-nav > li > a {
      padding: 10px 4px !important;
      float: left;
  }
.header-menu > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    width: 80%;
    height: 95px;
}
  figure.videoContainer {	
      background-color: #fff !important;
  }
  figure.videoContainer.yellow {	
      background-color: #f6e256 !important;
      background-image: none !important;
  }
  .overlay-text-dynamic.oversized {
      font-size: 180px;
      line-height: 190px;
  }
.overlay-text-dynamic.hero {
      font-size: 70px;
      line-height: 80px;
  }
  .overlay-text-dynamic.medium {
      font-size: 60px;
      line-height: 60px;
  }
  .overlay-text-dynamic {
      font-size: 50px;
      line-height: 50px;
  }
  .overlay-text-dynamic.small {
      font-size: 30px;
      line-height: 38px;
      letter-spacing: -2px;
  }
  .overlay-text-dynamic.minor {
      font-size: 20px;
      line-height: 20px;
  }
  .overlay-text-dynamic.mini {
      font-size: 15px;
      line-height: 15px;
  }
.ucase,.uc {
  text-transform: uppercase;
}
  .forward-action, .forward-action span, .sub-menu-drop-title {
      font-family: Avenir Next !important;
  }
  .forward-action, .forward-action span {
      font-size: 30px;
      line-height: 30px;
      display: inline-block;
  }
.content-section .forward-action {
      line-height: 40px !important;

}
  .sub-menu-drop-title {
      font-size: 16px;
      margin: 0 0 10px 0;
  }
  ul.sub-drop-nav {
      text-transform: capitalize;
  }
  .section-block {
      background: transparent;
      padding: 46px 0 0;
      float: left;
      width: 100%;
      position: relative;
      z-index: 1;
      align-items: center;
      align-content: center;
      justify-content: space-evenly;
      display: flex;
      flex-wrap: wrap;
      overflow: hidden;
      }
.section-block.left {
      display: flex;
      justify-content: flex-start;
}
  .section-block.medium {
      padding: 75px 0 75px;
  }
  .section-block.large {
      padding: 175px 0;
  }
  .section-block.medium-large {
      padding: 75px 0 150px;
  }
  .section-block.block-bottom {
    padding: 0 0 46px;
}
  div#context_feed {
      float: left;
      position: relative;
  }
  div#context_feed.cf {
      width: 100%;
  }
  .pink {
      background: #f7bcc8;
  }
  .yellow {
      background: #f7e66b;
  }
  
  .light.header-stripe {
      background: #fff;
  
  }
  .dark.header-stripe, .dark .drop-nav, .keep-dark .drop-nav, .keep-dark.header-stripe {
      background: #000;
  }
  .neutral.header-stripe {
      background: transparent;
  
  }
  .dark .overlay-text-dynamic, .header-call a, .header-menu li a, .header-navigation .logo, .header-navigation .logo a, .overlay-excerpt {
      color: #fff !important;
  }
  .neutral.header-menu li a, .neutral.header-navigation .logo, .neutral.header-navigation .logo a, .overlay-excerpt {
  }
  
  .dark .overlay-text-dynamic, .dark .overlay-text-dynamic span, .dark .overlay-text-dynamic a, .neutral .header-menu li a, .dark .header-call a, .dark .header-navigation .logo, .dark .header-navigation .logo a, .dark .overlay-excerpt, .section-block.dark .forward-action, .dark .forward-action span, .dark.forward-action, .core-search-options i.fas {
      color: #000 !important;
  }
  .neutral .header-menu li a, .neutral .fa, .neutral .fas, .neutral .far, .neutral .fal, .neutral .fad, .neutral .fab, .keep-dark .fa, .keep-dark .fas, .dark .fa, .dark .fas, .dark .profile_pic a, .keep-dark .profile_pic a, .neutral .profile_pic a {
      color: #fff !important;
  }
  .fas.dark {
          color: #000 !important;
  
  }
  .neutral #menu-drop-opt-features a, [data-visibilty="visible"] a {
      color: #fff !important;
  }
  .fa, .fas, .far, .fal, .fad, .fab, .add_cart .fas {
      color: #000;
  }
.add_cart .fas {
      color: #000 !important;
  }
  .go .fas, .go .fa {
      margin: 8px;
      color: #fff;
  }
  .on .fas, .on .fa {
      color: #fff;
  }
  .go:hover .fas, .go:hover .fa {
      color: #000 !important;
  }
  .light .wrapper .overlay-title, .light .wrapper .overlay-title a, .light .overlay-text-dynamic, .light .overlay-text-dynamic a, .light .overlay-text-dynamic span, .light .header-call a, .light .header-menu li a, .light .header-navigation .logo, .light .header-navigation .logo a, .light .overlay-excerpt, .light .sub-menu-drop-title .light .overlay-text-dynamic, .sub-menu-drop-title, .section-block.light .forward-action {
      color: #fff !important;
  }
.overlay-text-dynamic .sub_options span {
        color: #000 !important;

}
  .sub-menu-drop-title  {
      text-transform: uppercase;
      font-weight: 500;
      font-size: 14px;
  
  }
  
  .light .drop-nav, .button.light, .button-mid.light, .neutral .drop-nav {
      background: #000;
  }
  .button.light, .button-mid.light {
      background: #fff;
  }
  .button.light, .button-mid.light, .call-to.button.light {
      color: #000 !important;
      font-weight: 500;
      font-family: Avenir Next;
      text-transform: uppercase;
  }
  .button.ucase, .button-mid.ucase, .call-to.button.ucase {
      font-weight: 500;
      font-family: Avenir Next;
      text-transform: uppercase;
  }
  
  .overlay-excerpt {
      font-size: 20px;
      font-style: italic;
      font-weight: 100;
      padding: 40px 0;
      width: 30%;
      top: 300px;
      position: absolute;
  }
  .call-to-container {
      padding-top: 50px !important;
  }
  a.button.call-to {
      font-size: 30px;
      margin: 20px;
      padding: 20px 50px;
      /*clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);*/
      border-radius: 0;
  }
  .clip-none {
      clip-path: none !important;
  }
  .h-auto {
      height: auto !important;
  }
  .button.call-to.dark,.call-to.light:hover,.call-to.light:hover span {
      background: #000;
      color: #fff !important;
  }
  
  .call-to.light {}
  
  a.button.call-to {
      font-size: 18px;
      margin: 20px;
      padding: 10px 35px;
      font-weight: 500;
      font-size: 14px;
      font-family: Avenir Next;
  }
  .sub_options > li.active span {
      font-family: Avenir Next;
  }
  .section-block.blue {
     background-color: #0e5ea8;
  }
  .section-block.beige {
     background-color: #ecdac8;
  }
  .section-block.black {
     background-color: #000;
  }
  .sub-menu-drop-li {
      float: left;
      width: 20%;
      float: left;
  }
  .sub-drop-nav li {
      float: left;
      width: 100%;
  }
  .sub-drop-nav li a {
      float: left;
      width: 100%;
      padding: 5px 0;
  }
  .header-stripe, .forward-action, .call-to, #touch-footer, .section-actions {
       -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
  
  }
      
  .overlay-text-dynamic {
      -webkit-transition-delay: var(--reveal-delay);
      -o-transition-delay: var(--reveal-delay);
      transition-delay: var(--reveal-delay);
  }
  .overlay-text-dynamic,.leftStick {
      display: inline-block;
      opacity: 0;
      -webkit-transform: rotateX(75deg) rotateY(10deg) rotateZ(-9deg);
      transform: rotateX(75deg) rotateY(10deg) rotateZ(-9deg);
      -webkit-transform-origin: top;
      transform-origin: top;
      -webkit-transition: opacity .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1);
      transition: opacity .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1);
      -o-transition: opacity .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1);
      transition: opacity .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1);
      transition: opacity .5s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1);
      -webkit-transition-delay: var(--reveal-delay);
      -o-transition-delay: var(--reveal-delay);
      transition-delay: var(--reveal-delay);
  }
  .leftStick {
      display: inline-table;
      display: table;
      width: 100%;
  }
  .overlay-text-dynamic,.overlay-text-dynamic span,.overlay-text-dynamic a,.overlay-text-dynamic div {
      font-weight: 300;
      letter-spacing: 0px;
      font-family: Avenir Next;
  }
h1 .overlay-text-dynamic {
  text-transform: none;
}
  .overlay-text-dynamic.minor, .forward-action {
      font-weight: 400;
  }
  .overlay-text-dynamic,.leftStick {
      opacity: 1;
      -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
      transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  [data-scrolled-into-view=true] {
      -webkit-transform: translate(0,0);
      transform: translate(0,0);
  }
  [data-scrolled-into-view=false] {
      transform: translate(0,60px);
  }
  [data-visibilty=hidden] {
      transition: height 0.2s ease-in 0.2s, background-color 0.2s ease-in 0.2s, color 0.2s ease-in 0.2s, box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in, opacity 1s ease-in-out;
  }
  [data-visibilty=visible] {
      transition: height 0.2s ease-in 0.2s, background-color 0.2s ease-in 0.2s, opacity 1s ease-in-out;
  }
  .drop-nav {
      position: absolute;
      display: none;
      padding: 20px 0;
      background: #fff;
      left: 0;
      right: 0;
      padding: 120px 100px;
      border-bottom: 0px solid #000;
      box-shadow: 0 0px 0px #eee;
  }
  .drop-nav {
      display: block !important;
      z-index: 1;
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1);
      transition: -webkit-transform .6s cubic-bezier(.165,.84,.44,1);
      -o-transition: transform .6s cubic-bezier(.165,.84,.44,1);
      transition: transform .6s cubic-bezier(.165,.84,.44,1);
      transition: transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1);
  }
  [data-visibilty=hidden] {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 0;
      visibility: hidden;
  }
  [data-visibilty=visible] {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      max-height: 1500px;
      transition: max-height 1.5s ease-out;
      opacity: 1;
      visibility: visible;
  }
  [data-rotate=r315] {
      transform: rotate(315deg);
  }
  
  .header-navigation {
      box-shadow: 0 1px 1px #eee;
      float: left;
      width: 100%;
  }
  .logo-container {
      z-index: 2000;
      width: 20%;
      padding: 14px 15px;
      position: relative;
  }
  .modalGalleryContainer li.statusbar {
      width: 33.33%;
      float: left;
  }
  .block-pad {
      padding: 4%;
      float: left;
      width: 100%;
  }
  i.mediaThumb.bgCover {
      background-size: cover !important;
  }
  i.mediaThumb.bgRect {
      padding-top: 150% !important;
  }
  i.mediaThumb.bgRect.landscape {
      padding-top: 66% !important;
  }
  i.mediaThumb.clip {
      clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
  }
  i.mediaThumb.bgSquare {
      padding-top: 100% !important;
  }
  .flex {
      display: flex;
      flex-direction: row;
      align-content: center;
      align-items: center;
  }
    ul.top-nav, .left-panel-nav, .right-panel-nav {
        display: none !important;
    }
  .flex.centre {
    display: flex;
    justify-content: center;
  }
  .flex.edges, .flex.sides {
	  justify-content: space-around
  }
.flex.fit {
justify-content: space-between;
}
.flex.fill,.flex.space-between {
justify-content: space-between;
}
  .flex.centre.space {
    display: flex;
    justify-content: space-around;
  }
  .flex.verticle {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  .sticky-l {
      width: inherit;
  }
  
  .share-options li:hover span:first-child {
      
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      
  }
  .top_nav_holder {
      padding: 0;
  }
  
  
  /*************************
  
          WALL GRID 
      
  *************************/
  
  .wall-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 20px;
    column-gap: 0;
    grid-row-gap: 0;
    row-gap: 20px;
    margin: 0 0 20px;
    align-items: center;
  }
  .wall-grid.col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .wall-grid.col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
.wall-grid.col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
.wall-grid.col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .wall-grid.col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .wall-grid.col-6 {
    grid-template-columns: repeat(6, 1fr);

  }
  .wall-grid.col-7 {
    grid-template-columns: repeat(7, 1fr);

  }
  .wall-grid.col-8 {
    grid-template-columns: repeat(8, 1fr);

  }
  .wall-grid.col-9 {
    grid-template-columns: repeat(9, 1fr);

  }
  .wall-grid.col-10 {
    grid-template-columns: repeat(10, 1fr);

  }

  .grid-thirds {
    grid-template-columns: repeat(3, 1fr);   /* 2 */
  }
  
  .wall-grid-item.tall {
    grid-row: 1 / 3;                          /* 5 */
    grid-column: 2 / 3;                       /* 5 */
  }
  
  .wall-grid-item.wide {
    grid-row: 1 / 3;                          /* 6 */
    grid-column: 2 / 4;                       /* 6 */
  }
  .wall-grid-item.wide-center {
    grid-row: 1 / 4;                          /* 6 */
    grid-column: 2 / 5;                       /* 6 */
  }
  
  .wall-grid-item {
      display: block;
      width: 100%;
      background: #fff;
      color: #000;
      padding: 0px 10px;
  }
  
  
.wall-grid-item i.mediaThumb {
  background-size: cover;
  }
.wall-grid-item.type-board i.mediaThumb {
  background-size: contain;
  }
.user-wall .wall-grid-item i.mediaThumb {
  background-size: contain;
  }
  .wall-grid-item a.flex:not(.button,.button-mid) {
	  float: left;
	  width: 100%;
  }
  .wall-grid-item.text {
     border: 1px solid #eee;
     margin: 20px;
     padding: 20px;
     background: #f5f5f5;
  }
  .wall-grid .wall-grid-item .context_edit_value {
      color: #000;
      text-align: center;
   }
   
   .wall-grid.shop-grid {
    flex-direction: row;
    display: flex;
    align-content: space-around;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 20px;
    flex: 1 1 300px;
    float: left;
    flex-basis: 30%;
    width: 100%;
 }
   .wall-grid.shop-grid .wall-grid-item {
    width: auto;
    flex: 1 1 22%;
}

.section-grid {
    flex-direction: row;
    display: flex;
    align-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 20px;
    float: left;
    flex-basis: 30%;
     /* minimum gap between flex-items */
    justify-content: center;
 }
.section-grid .wall-grid-item{
    width: auto;
    flex: 1 1 18%;
    max-width: 20%;
    padding: 0px 10px 10px;
}
.helper-grid .media-item {
    width: auto;
    flex: 1 1 18%;
    max-width: 100%;
}

.shop-grid.compact .shop-grid-item {
    width: 13%;
    flex: unset;
}
.shop-grid.compact .grid-options-base.first, .shop-grid.compact .grid-options-base.last {
    display: none;
}
.shop-grid.large .shop-grid-item {
    width: 48%;
    flex: unset;
}

   /*************************
  
          PRODUCT ZOOM 
      
  *************************/
   
  
  
  .tiles {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: crosshair;
    }
  
    .tile {
      position: relative;
      float: left;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: 10;
      cursor: crosshair;
    }
  
    .photo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      transition: transform .5s ease-out;
      cursor: zoom-in;
    }
  
    .txt {
      position: absolute;
      z-index: 2;
      right: 0;
      bottom: 10%;
      left: 0;
      font-family: 'Roboto Slab', serif;
      font-size: 9px;
      line-height: 12px;
      text-align: center;
      cursor: default;
    }
  
    .x {
      font-size: 32px;
      line-height: 32px;
    }
    
    
    
   
   /*************************
  
          WEBSITES 
      
  *************************/
   
   
   
   
  .drop-nav {
  top: 0;
  z-index: -1;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-evenly;
  }

ul#menu-drop-opt-features {
  
}
.header-navigation {
      box-shadow: 0 0px 0px #eee;
}
  
div#container_cont_inner {

}
body.app-network div#container_cont_inner {
  margin: 96px 0 0;
  height: calc(100% - 96px);
  min-height: 100% !important;
  /* Firefox */
  height: -moz-calc(100% - 96px);
  min-height: -moz-calc(100% - 96px);
  /* WebKit */
  height: -webkit-calc(100% - 96px);
  min-height: -webkit-calc(100% - 96px);
  /* Opera */
  height: -o-calc(100% - 96px);
  min-height: -o-calc(100% - 96px);
  /* Standard */
}

div#container_cont_inner {}
.header-stripe.sub {
    margin-top: -1px;
}
  
.text-modal {
      position: absolute;
      top: 15%;
      bottom: 15%;
      left: 0;
      right: 0;
      vertical-align: middle;
      background: transparent;
      padding-left: 5%;
      padding-right: 5%;
   }
.text-modal.left {
      padding-left: 30px !important;
}
      .text-modal-container {
      display: flex;
      justify-content: center; /* align horizontal */
      align-items: center; /* align vertical */
      flex-wrap: wrap;
      align-content: center;
  }
      
  
      .prev_comment_feed .box_ten {
          width: 15%;
      }
      
      .prev_comment_feed .box_ninty {
          width: 85%;
      }
      .content-section .post_textarea, .textarea {
              background: #fff;
      }
      .modalGal .contentInner {
      margin-top: 0;
      overflow: visible;
      float: left;
      width: auto;
      height: auto;
      margin-bottom: 0;
      padding: 0 40px 5px;
  }
  div#galleryBox {
      top: auto;
      bottom: auto;
      left: 0 !important;
      right: 0 !important;
      margin-left: auto;
      margin-right: auto;
      margin-top: auto;
      width: 75%;
      min-width: 280px;
      max-width: 80%;
      height: auto;
  }
   div.mediaBoxModal {
      background: #fff;
      border-radius: 4px 4px 4px 4px;
      box-shadow: none;
      font-size: 13px;
      height: auto;
      left: 50%;
      top: 20px;
      bottom: 20px;
      margin-top: 0;
      padding: 0;
      position: fixed;
      right: 50px;
      text-align: center;
      width: 60%;
      z-index: 19999;
      overflow: auto;
      border: 0px solid #4BAEC4;
  }
  .modalHeader {
      position: relative;
      background: transparent;
      padding: 20px 0;
  }
  
.modalClose .fa-times::before {
  display: none;
}
  .modalHeaderContainer {
      width: 100%;
      padding: 0;
      height: auto;
  }
  .modalTitle, a.modalClose, .media-close {
      font-size: 24px !important;
      font-family: Avenir Next !important;
      text-transform: uppercase;
  }
  .closeError {
      margin: 26px 10px !important;
  }
  
  .icon-drop-arrow {
      background: url(/media/icon-sprite.svg) no-repeat scroll -158px -164px;
      height: 31px !important;
      width: 31px !important;
      top: 0;
      margin: 0;
      float: left;
      background-size: 259px !important;
  }
  
  .text-target {
      height: auto;
      padding: 10px 0 !important;
  }
  .button, .button-mid {
      background: #000;
      border: 0px solid #ccc;
      -webkit-border-radius: 3px;
      -webkit-box-sizing: content-box;
      font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
      -webkit-font-smoothing: antialiased;
      font-weight: bold;
      border-radius: 40px;
      position: relative;
      text-align: center;
      vertical-align: middle;
      height: auto;
      min-height: 40px;
      font-size: 14px;
      color: #fff;
      font-weight: 400;
      font-weight: 600;
      margin-bottom: 5px;
  }
  .button.sub, .button-mid.sub {
    background: #eee;
    color: #000;
  }
 .button.sub span, .button-mid.sub span {
    color: #000;
  }
  .add_to_cart {padding-left: 0 !important;padding-right: 0 !important;}
  
  .content-item.box_one_third {
      border: 0px solid #eee;
      padding: 20px;
      /* background: #fbfbf8; */
      background: transparent;
      box-sizing: border-box;
  }
  
  
  .profile-container i.mediaFeatureGrid.profileSet {
      margin: 0px 0 0px;
      float: left;
      height: 100px;
      width: 100%;
      padding-top: 100%;
      border-radius: 400px;
  }
  
  .profile-container .name {
      text-align: center;
      float: none;
      width: auto;
  }
  
  .profile-container {
      width: 100%;
      height: 300px;
      float: none;
      margin: 0 0 20px;
      text-align: center;
  }
  .profile-container.off {
    height: 0;
  }
 .profile-container.feat-image {
      height: 300px;
      overflow: hidden;
 }
  
  i.user-caret.fas.fa-angle-down {
      margin: 9px;
      font-size: 14px;
      font-weight: 600;
  }
  i.user-caret.fas.fa-angle-down.large,i.user-caret.fas.large,i.fab.large {
      margin-top: 2px;
      margin-left: 20px;
      font-size: 28px;
      line-height: 34px;
      font-weight: 600;
  }
  .core-search-options {
      position: absolute;
      background: transparent;
      right: 0;
      margin: 0;
      height: 47px;
      line-height: 44px;
      border-bottom: 1px solid #f1f1f1;
      border-radius: 0;
      width: 41%;
      padding: 0 2.5%;
  }
  .core-search-options > a {
      font-size: inherit;
  }
  li.active a.search_option {
      background: #efefef;
  }
  ul.sub-options-menu {
      flex-flow: row wrap;
      -webkit-box-pack: justify;
      display: flex;
      -webkit-box-pack: justify;
      align-items: center;
      max-width: none;
      align-content: center;
      justify-content: center;
  }
  ul.sub-options-menu > li {
      width: auto;
      float: left;
      height: 51px;
      display: flex;
      -webkit-box-pack: end;
      justify-content: center;
      z-index: 3;
      max-width: 100%;
      flex-wrap: wrap;
  }
  ul.sub-options-menu > li.full {
      width: 100%;
  }
  ul.sub-options-menu > li.half {
      width: 50%;
  }
  .button-secondary {
      border-radius: 0 100px 100px 0 !important;
  }
  .button-secondary:hover {
      background: #f1f1f1 !important;
      color: #000 !important;
  }
  
  
  input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    border-radius: 50em;
    background: url(/media/icons/xmark-solid.svg) no-repeat 50% 50%;
    background-size: contain;
    opacity: 0;
    pointer-events: none;
  }
  a.modalClose, .media-close {
    height: 34px;
    width: 34px;
    border-radius: 50em;
    background: url(/media/icons/xmark-solid.svg) no-repeat 50% 50%;
    background-size: contain;
    font-size: 0 !important;
    padding: 16px;
    margin: 0;
    display: block;
    text-indent: -100000px;
  }
  
  input[type="search"]:focus::-webkit-search-cancel-button {
    opacity: .3;
    pointer-events: all;
  }
  
  .overlay-text-dynamic.sub {
      font-size: 30px;
      color: #000 !important;
  }
 
  .overlay-text-dynamic.section-title {
    font-size: 22px;
    line-height: 22px;
    color: #000 !important;
}
 .overlay-text-dynamic.item-title {
      font-size: 18px;
      line-height: 19px;
      color: #000 !important;
  }
  
  ul.sub-options-menu .button, ul.sub-options-menu .button-mid, .button-mid.following {
      background: #f5f5f5;
      background-color: #f5f5f5 !important;
  }
  ul.sub-options-menu .button:hover, ul.sub-options-menu .button-mid:hover, .button-mid.following:hover {
  }

  .button-mid.follow #follow_toggle.icon-following span {
      color: #fff !important;
      background: none;
  }
  .button-mid.follow:hover #follow_toggle.icon-following span {
      color: #000 !important;
  }
  .button-mid.follow .icon-following-true {
    display: none;
  }
  ul.sub-options-menu .button span, ul.sub-options-menu .button a, ul.sub-options-menu .button i, ul.sub-options-menu .button-mid a, ul.sub-options-menu .button-mid span, ul.sub-options-menu .button-mid i {
      color: #000 !important;
  }
  .container-offset {
      margin-top: -96px;
  }
  .container-offset-offset {
      margin-top: 96px;
  }
  
  .figure .skin, .media-item .skin {
    background: rgba(0,0,0,0.5);
    position: absolute;
    z-index: 0;
    top: 0 !important;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100% !important;
    width: 100% !important;
    display: block;
  }
  .media-item:hover .skin {

  }
  .figure.figure-grid .skin {
    z-index: 10;

  }
  .profile_pic.profile_img {
      margin: 10px 0 10px 10px;
      width: 36px !important;
      height: 36px;
  }
  .wall-profile-pic.profile_img {
      margin: 0px 0 0px 0px;
      width: 36px !important;
      height: 36px;
  }
  .wall-profile-pic.profile_img img {
    width: 100%;
    float: left;

  }
  .profile_pic.profile_img.center {
      margin: 0 auto;
      width: 36px !important;
      height: 36px;
      padding: 0;
  }
  .profile_pic.profile_img a, .wall-profile-pic.profile_img a {
      border: 1px solid #000;
      overflow: hidden;
      height: 36px !important;
      width: 36px !important;
      height: auto;
      border-radius: 100px !important;
      line-height: 8px;
      float: left;
      font-size: 19px;
      font-weight: bold;
      box-flex: 1;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 0;
      font-family: Avenir Next;
      letter-spacing: 0;
      font-weight: 400;
      hyphens: auto;
      word-break: break-word;
      word-wrap: break-word;
      color: #3c4043;
      margin: 0;
  }
  .wall-profile-pic.profile_img.small, .profile_pic.profile_img.small a, .wall-profile-pic.profile_img.small a 
 {
      width: 26px !important;
      height: 26px !important;
  }
.wall-profile-pic.profile_img.small i.itemThumb 
 {
      width: 24px !important;
      height: 24px !important;
  }
.wall-profile-pic.small.grid-profile {
    position: absolute;
    margin: -10px 0;
    bottom: 0;
}
  .neutral .profile_pic.profile_img a {
      border: 1px solid #fff;
  margin: 0;padding: 0;}
  
  
  
  @keyframes placeHolderShimmer{
      0%{
          background-position: -468px 0
      }
      100%{
          background-position: 468px 0
      }
  }
  
  .linear-background {
      animation-duration: 1s;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
      animation-name: placeHolderShimmer;
      animation-timing-function: linear;
      background: #f6f7f8;
      background: linear-gradient(to right, #f2f2f2 8%, #efefef 18%, #f3f3f3 33%);
      background-size: 1000px 104px;
      padding: 50%;
      position: relative;
      overflow: hidden;
  }
  .inter-draw {
      background: #fff;
      width: 100%;
      height: 10px;
      position: absolute;
      top: 100px;
  }
  .inter-right--top{
    background: #fff;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 20px;
    left: 100px;
  }
  .inter-right--bottom{
    background: #fff;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 60px;
    left: 100px;
  }
  .inter-crop{
    background: #fff;
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100px;
  }
  .black .inter-draw, .black .inter-right--top, .black .inter-right--bottom, .black .inter-crop {
      background: #000;
  
  }
  
  
  .content-item.item-placeholder {
      float: left;
      height: 100%;
  }
  
  li.select_item span {
      font-size: 14px;
  }
  label.m-none.button {
      padding: 11px 25px !important;
  }
  .icon-photo input[type="file"].post_photo {
      visibility: visible;
      padding: 0;
      background: transparent;
      height: 40px;
      cursor: pointer;
      color: #fff;
      padding: 0 !important;
      border: 0 none !important;
      outline: none;
  }
  input[type='file'] {
    opacity:0    
  }
  .inner-wrap.bd-mod {
      width: 100% !important;
      max-width: 100%;
  }
  .change_shipping,.attribute_country {padding: 10px !important;}
  select.h-30,select.h-20 {
      padding: 5px;
  }
  #account-setting-container a {
      color: #000 !important;
      font-weight: 400;
  }
  .account-setting-name {
      float: left;
  }
  .account-setting-id {
      float: right;
      font-weight: 400;
  }
  div#getAccountsResult {
      font-weight: 400;
      font-size: 15px;
      color: #898989;
  }
  .account-setting-balance {
      font-size: 30px;
  }
  #accountWalletIcon.connected {
      color: #469EF2 !important;
  }
  div#getAccountBalance {
      float: left;
      margin: 10px;
      color: #000;
  }
  i.fa-ethereum {
      color: #000 !important;
  }
  i#accountEtherIcon {
      float: left;
      margin: 10px 0px 0 0;
      color: #000 !important;
      font-size: 29px;
      font-style: normal;
      font-weight: 100;
  }
  .core-nav-list-icon {
      height: 38px;
      width: 33px;
      margin-top: 0 !important;
      padding: 0;
      margin: 0;
  }
  .overlay-text-dynamic input,.overlay-text-dynamic textarea {
    background: transparent;
    border: 0px solid #6f6f6f !important;
    font-size: 50px;
    color: #fff !important;
    padding: 20px 5px 20px 0px !important;
    font-weight: 500;
    letter-spacing: 0px;
    font-family: Avenir Next;
  }
  .overlay-text-dynamic input::placeholder,.overlay-text-dynamic textarea::placeholder {
    color: #fff;
    opacity: 1;
    text-decoration: underline;
  }
  .content-section-banner #dropcontainer {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .content-section-banner .statusbar
  {
      display: flex;
      justify-content: flex-end;
      grid-template-columns: 1fr 1fr;
      grid-gap: 0px 0px;
      align-items: center;
      flex-direction: row;
      flex-wrap: nowrap;
  }
  .content-section-banner .drop-container {
        position: absolute;
      background: transparent;
      top: 100px;
      left: 40px;
      right: 40px;
      bottom: 40px;
      
  }
  .content-section-banner .drop-icon .drop-description p {
    color: #fff;
  }
  .content-section-banner .upload-images,.content-section-banner .skim-images,.content-section-banner .skim-options,.content-section-banner .img-thumb-holder, .content-section-banner .skim-close {
      display: none !important;
  }
  .content-section-banner .statusbar {
    bottom: 0;
    position: absolute;
  }
  .content-section-banner .overlay-text-dynamic, .text-modal-container {
      z-index: 2;
  }
  .content-section-banner .upload-drop {
    display: inline-block;
    border: 2px dashed #fff;
    width: 250px;
    height: 100px;
    background: none;
    position: absolute !important;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    margin: 0 auto;
    margin-top: -50px !important;
  }
  .content-section-banner .statusbar {
    background: transparent;
  }
  .content-section-banner span {
      color: #fff;
  }
  
  
  .content-section-banner.dark .overlay-text-dynamic, .content-section-banner.dark .overlay-text-dynamic input::placeholder, .content-section-banner.dark .overlay-text-dynamic input, .content-section-banner.dark .overlay-text-dynamic a, .content-section-banner.dark .overlay-text-dynamic span, .content-section-banner.dark i.fas.fa-image, .content-section-banner.dark span, .content-section-banner.dark .overlay-text-dynamic textarea::placeholder, .content-section-banner.dark .overlay-text-dynamic textarea {
        color: #fff !important;
    
  }


.content-section-banner.light .overlay-text-dynamic, .content-section-banner.light .overlay-text-dynamic input::placeholder, .content-section-banner.light .overlay-text-dynamic input, .content-section-banner.light .overlay-text-dynamic a, .content-section-banner.light .overlay-text-dynamic span, .content-section-banner.light i.fas.fa-image, .content-section-banner.light span, .content-section-banner.light .overlay-text-dynamic textarea::placeholder, .content-section-banner.light .overlay-text-dynamic textarea {
        color: #000 !important;
  }
  .content-section-banner .overlay-text-dynamic textarea,.content-section-banner .overlay-text-dynamic input {
      border-radius: 0 !important;
  }
  .content-section-banner.dark .overlay-text-dynamic a, .content-section-banner.dark .overlay-text-dynamic, .content-section-banner.neutral .overlay-text-dynamic a, .content-section-banner.neutral .overlay-text-dynamic {
    color: #fff !important;
   }
  
  .content-section-banner.light .figure .skin {
    background: rgba(255,255,255,0.5) !important;
  }
  .content-section-banner.dark .figure .skin {
    background: rgba(0,0,0,0.5) !important;
  }
  .cc input[type="radio"]:checked + label span, .cc input[type="radio"] + label span {
      float: none;
  }
  /*
      Button Fixes to center and vertically align content
  */

  .button span, .button-mid span {
    position: relative;
    float: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: center;
  }
  
  .button, .button-mid {
    display: flex;
    justify-content: center;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px 0px;
    align-content: space-between;
    align-items: center;
    padding-right: 25px;
    padding-left: 25px;
  }
  
  .content-section-banner.neutral .upload-drop {
      opacity: 0.7;
  }
  .progressBar {
  
  }
  .rightNavHolder i.user-caret.fas.fa-angle-down {
      padding: 4px 10px;
  }
  
  .rightNavHolder .profile_pic {
      padding: 0px 7px;
      margin: 5px 2px;
  }
  .bid-shadow {
    margin: 0;
  }
  .button.show, .button-mid.show {
    display: flex !important;
  }
  .hide {
    display: none;
  }

.endorse-item-val input {
    background: #fff;
    padding: 4px !important;
    text-indent: 10px;
    border: 0 solid !important;
    min-width: 20px;
    width: 50px !important;
    font-weight: normal;
    max-width: auto !important;
  }
  .endorse-item-val {
    float: left;
    width: auto;
  }
 
  .endorse-item-val, .endorse-item-name, .endorse-item-name.marshall {
    padding: 0 0;
    display: flex;
  flex-direction: row;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  }
.large .endorse-item-val {
    padding: 0 2px;
}
.fields-holder.large .endorse-item-name.marshall a {
    font-size: 18px !important;
}
.fields-holder.large .endorse-item-val, .fields-holder.large input, .fields-holder.large .endorse-item-name.marshall, .fields-holder.large .endorse-item-name.marshall span {
    float: left;
    font-size: 18px !important;
    padding: 0px 2px;
  }
  .fields-holder.large input {
    padding: 4px !important;
    width: 50px !important;
    font-size: 16px !important;
  }
  .input-small {
    padding: 10px 5px 10px 20px !important
  }
  .accordion .title a, .accordion .title {
        color: rgb(128, 128, 128);
        font-size: 18px;
        color: #000;
  }
  .accordion .remove {
    cursor: pointer;
    font-size: 22px;
    float: right;
  }
  .accordion > li {
    border-bottom: 1px solid #eee;
    float: left;
    width: 100%;
  }
  .price-input.core-search-input, .place_bid, .core-bid-options {
    border-radius: 0 !important;
  }

  div#user-profile-feature {
    position: relative;
    width: 210px;
    height: 210px;
    margin: 0 auto;
    z-index: 10000;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
    border: 10px solid #fff;
    border-radius: 110px;
    overflow: hidden;
    margin-top: -105px;
    background: #fff;
}
.profile-container-album {
  margin-bottom: -100px;
}
.user-profile-bio {
    position: relative;
    width: 410px;
    height: auto;
    margin: 0 auto;
    z-index: 10000;
    left: 0;
    transform: translateX(0%);
}
.user-profile-bio div, .user-profile-bio a {
    float: none;
    width: 100%;
    text-align: center;
}
.user-profile-bio .account-verified {
    float: none;
    height: 20px !important;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.user-profile-bio .title, .user-profile-bio .title span {
    font-size: 28px;
    line-height: 34px;
    font-family: Avenir Next;
    font-weight: 300;
}

ul#profile-image-edit {
    text-align: center;
    margin: 0 auto;
    margin-top: 75px;
    left: 0;
    right: 0;
    width: 52px;
    height: 50px;
}

.profile_edit_value .button {
    width: 65px;
}

.user-feature-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 20px;
    column-gap: 20px;
    grid-row-gap: 20px;
    row-gap: 20px;
}

input, .button, .button-mid {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: 40px;
}
.button.small {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.button-fit {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.black .shop_product_price_currency, .black .auction-style, .black .shop_product_price span, .black .overlay-text-dynamic span, .black .overlay-text-dynamic a, .black .wrapper .overlay-title {
    color: #fff !important;
    text-align: left;
    
}
.black .auction-style.err {
    color: #F44336 !important;
}
.left .auction-style, .left .shop_product_price span, .left .overlay-text-dynamic span, .left .overlay-text-dynamic a, .left .wrapper .overlay-title {
    text-align: left;
    
}

.grid-item-options {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
}
.grid-item-options.accordion > li {
  border-top: 0px solid #000;
  border-bottom: 0;
}

.grid-item-options .overlay-text-dynamic .shop_product_price, .grid-item-options .overlay-text-dynamic .price {
    color: #000 !important;
}
.centre ul.share-options {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.flex.center, .flex.centre {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
}
.item:hover .wrapper {
    transform: translate(0,0);
}
.wall-grid-item .wrapper {
    transform: translate(0,0);
}

.grid-options-base {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dotted #000;
}
.grid-options-base, .grid-options-base > ul {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.grid-options-base, .grid-options-base > ul > li {
    margin: 10px 0 20px;
}
.shop-grid-item i.mediaThumb {
    background-size: contain;
}
 .size-static.item:hover i.mediaThumb {
  
  }

.shop-grid-item i.mediaThumb.contain {
    background-size: contain;
    -ms-transform: scale(1.0) !important;
    -webkit-transform: scale(1.0) !important;
    -moz-transform: scale(1.0) !important;
    -o-transform: scale(1.0) !important;
    transform: scale(1.0) !important;
  
}
.wall-grid-item i.mediaThumb.cover {
    background-size: cover;
}
  .wall-grid-item a.flex {
    overflow: hidden;
}
.grid-item-options h2, .grid-item-options .shop_product_price_currency, .grid-item-options .shop_product_price {
    font-size: 100%;
    color: #000 !important;

}
.flex.vertical {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: flex-start;}
.flex.left {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.tabs li.flex.full {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-evenly;
}
.tabs li.flex.full a {
    flex: 1;
}
.ukraine.blue {
    background-color: rgb(0 84 177);
}
.ukraine.yellow {
    background-color: rgb(247 208 0);
}
.wall-grid-item.item:not(.tall.wide) .accordion.grid-item-options.flex.vertical {
    transform: scale(0.8);
}
input[disabled] {
    background: #eee;
}
select.medium {
    padding: 19px 0;
}
.wrapper.grid-wrapper-base {
    position: relative;
    transform: translate(0,0);
    opacity: 1;
}

.postDetails.grid-media {
    overflow: visible;
}
.grid-feature .wall-grid-item.wide {
    grid-row: 1 / 4;
    grid-column: 1 / 4;
}
.grid-vertical .wall-grid-item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.wrapper-timer {
    position: absolute;
    right: 10px;
    z-index: 1;
    font-size: 11px;
}
.wrapper-timer span, .wrapper-timer .auction-timer, .wrapper-timer .auction-style {
    text-align: right;
    font-size: 12px;
    float: right;
    line-height: 12px;
}
.grid-article-header {
    position: absolute;
    z-index: 10;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    padding: 15px 0;
    opacity: 0;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    z-index: -1;
    border-radius: 10px 10px 0 0;
    transform: translateY(-100%);
}

.grid-article-body {
    border: 1px solid #fff;
}

.grid-article-footer {
    position: absolute;
    z-index: 10;
    background: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    padding: 0 15px 15px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    z-index: -1;
    border-radius: 0 0 10px 10px;
    transform: translateY(100%);

}
.wall-grid-item:hover .grid-article-footer, .wall-grid-item:hover .grid-article-header {
    transform: translate(0,0);
    opacity: 1;
    z-index: 10;
}
.wall-grid-item:hover .grid-article-footer {
    transform: translateY(100%);
}
.wall-grid-item:hover .grid-article-header {
    transform: translateY(-100%);
}
.wall-grid-item:hover .grid-article-body {
        border-left-color: #eee;
        border-right-color: #eee;
}
.grid-article-footer, .grid-article-header {
}
.wall-grid:not(.grid-thirds) .wall-grid-item:not(.tall) .share-options {
    display: flex;
    justify-content: space-around;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px 0px;
    align-content: center;
    align-items: center;
    padding-right: 0;
    padding-left: 0;
    flex-direction: row;
    flex-wrap: nowrap;
}
.wall-grid:not(.grid-thirds) .wall-grid-item:not(.tall) .share-options li {
    width: 30%;
}
.main-content {
    z-index: 10;
    position: relative;
}
li.select_user {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.select_user .user-name {
    font-size: 16px;
    line-height: 21px;
    margin-right: 5px;
}
.search_list > a {
    display: flex;
}
.account-verified.icon-small {
    background: url(/media/icon-sprite-v3.png?v=1.1) no-repeat -327px -3px;
    -ms-transform: scale(0.85) !important;
    -webkit-transform: scale(0.85) !important;
    -moz-transform: scale(0.85) !important;
    -o-transform: scale(0.85) !important;
    transform: scale(0.85) !important;
}
.account-verified {
      margin: 0px 2px 0 0;
}
.meta-author {
    margin: 0 0 10px;
    font-size: 16px;
    font-family: Avenir Next;
    color: rgb(34, 142, 242) !important;
}
.meta-author a {
  color: rgb(34, 142, 242) !important;
  font-family: Avenir Next;
}
.context .meta-author {
    margin: 10px 0 10px;
    font-size: 16px;
    font-family: Avenir Next;
    color: #000 !important;
    font-weight: 200;
    position: relative;
    float: left;
    width: 100%;
}
.context .meta-author a {
  color: #000 !important;
  font-family: Avenir Next;
}

.meta-author div {
  color: #828282;
}

.section_shop {
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.row.view-full {
    width: 100% !important;
    max-width: 100%;
    min-width: 980px;
    padding: 0;
    display: flex;
}
.forward-action.DR, .price.DR {
	color: #ef4236 !important;	
}
.forward-action.CR, .price.CR {
	color: rgb(34, 142, 242) !important;	
	
}
.forward-action.TR, .price.TR {
	color: #000 !important;	
}
.forward-action.medium, .forward-action.medium span {
    font-size: 22px;
}
.forward-action.large, .forward-action.medium span {
    font-size: 50px;
}
.forward-action.arrow-down {
    transform: rotate(90deg);}

/*
	ARTICLES
*/

.article-content {
    padding: 0px 30px 0px;
    background: #fff;
}

.grid-article-footer .article-content {
    padding: 0px;
    background: #fff;
}

.article-body {
    margin: 0 35px 100px 0;
    min-width: 300px;
    max-width: 800px;
    min-width: 300px;
    margin-left: 0;
    margin-right: 0;
    -webkit-transition: min-height .2s ease-in-out;
    -moz-transition: min-height .2s ease-in-out;
    -o-transition: min-height .2s ease-in-out;
    transition: min-height .2s ease-in-out;
    -webkit-transform: translatez(0);
    z-index: 1000 !important;
    position: relative;
    background: transparent;
}
.meta, #project-meta-placeholder.meta {
        margin: 0;
        position: relative;
        -webkit-backface-visibility: hidden;
        width: 100%;
        padding: 0;
        float: left;
        z-index: 3;
        text-align: left;
        z-index: 1;
}
#project-meta-placeholder.meta {
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	bottom: 0;
	top: 210px;
	width: 20%;
	display: block !important;
}
span.meta-blog-title {
    margin: -50px;
    position: absolute;
    left: 15%;
}
span.meta-blog-title h1 {
    color: #fff
}
.article-item {
    position: relative;
}
.article-item-full, .article-item img, .article-item a.gallery {
    width: 100%;
    float: left;
    background: #fff;
}
.article-item-half {
    width: 100%;
    float: left;
}
.article-item > a, .video_player {
    margin: 0 0 20px;
    width: 100%;
}
.item-last.article-item > a, .item-last.article-item .video_player {
    margin: 0;
}

.meta-body {
    float: left;
    width: 100%;
    margin: 20px 0 20px;
}
.article-body textarea.context_edit_post {
	width: 100%;
    min-height: 120px;
}
.flex-content-item {
    margin: 0px 6px 0 0;
}
.profile_img.flex-content-item {
    margin: 0 5px 0 0;
}
/*
	GALLERY
*/
.featherlight-next span, .featherlight-previous span {
    text-shadow: none !important;
}


.sticky-l {
    width: auto;
    bottom: 20px;
    overflow: auto;
    min-height: 100%;
    display: flex;
}
.user_sub_header {
    position: relative;
    z-index: 10;
}


.icon-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    z-index: 1000;
    padding: 5px 0;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
}
.icon-overlay.icon-aspect-portrait {
    width: 13px;
    height: 20px;
    padding: 0;
    border: 1px solid #fff;
    opacity: 0.7;
    box-shadow: 0.5px 0.5px 0.1px 0.1px #8d8d8d;
}
.icon-aspect-landscape {
    width: 20px;
    height: 13px;
    padding: 0;
    border: 1px solid #fff;
    opacity: 0.7;
    box-shadow: 0.5px 0.5px 0.1px 0.1px #8d8d8d;
}
.grid-options-base.first {
    margin-bottom: 10px;
}
.grid-options-base.last {
    margin-top: 0;
}
.grid-options-base.detail {
	margin: 20px 0;
	border-bottom: 0px solid #000;
	float: none;
	width: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
}
.grid-options-base.detail > ul.flex.centre.space {
  float: none;
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-content: space-between;
  flex-direction: row;
  align-items: center;
  border: 1px solid #ccc;
  padding: 0;
  border-radius: 15px;
}
.grid-options-base.detail > ul li {
  width: 100%;
  float: left;
  border-right: 1px solid #ccc;
  margin: 0;
  padding: 20px 0;
}
.grid-options-base.detail > ul li:last-child {
  border-right: 0px solid #ccc;
}
.grid-options-base .icon-overlay {
    position: relative;
    top: 0;
    right: 0;
    width: 20px;
    height: 30px;
    padding: 0;
    border: 1px solid #000;
    opacity: 0.7;
    box-shadow: 0;
}

span.overlay-text-dynamic-off.flex .title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
ul.share-options {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
#section-themes .sub_options > li > a, .sub_options.nav > li > a, #section-content .sub_options > li > a {
    font-size: 25px;
    line-height: 24px;
    color: rgb(0 0 0);
    font-family: Avenir Next;
    font-weight: 100;
}
.contain {
    background-size: contain;
	}
.word-grid {
    line-height: 6px;
    font-size: 6px;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
	font-weight:200 !important;
    transform: rotateY(90deg) translate(0,0);
    word-break: unset;
    text-align: center;
	
z-index: -1;opacity: 0.8;background: transparent;}

.word-grid-bg {
}
 .word-grid[data-scrolled-into-view=true] {
  	animation: rotation 2s 1 normal forwards;
  }
@keyframes rotation {

  
  100% {
    transform: rotateY(180deg) translate(0,0);
  }
}

.block-target-button {
    margin: -200px 0 0;
}
.feat.content-item {
  float: right;
  right: 21%;
  background: #fff;
  left: auto;
  padding: 10px;
  
}
.feat i.mediaThumb {
	background-size: cover;
}
.feat .block-pad {
    padding: 5px;
    float: left;
    width: 100%;
}
.h50p {
    height: 50%;
    min-height: 50% !important;
}
.feat-grid {
	display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
	height:auto;
	overflow: hidden;
}
ul.sub-options-menu .button.action {
  background-color: rgb(34, 142, 242)!important;
  color: #fff !important;
}
ul.sub-options-menu .button.action span {
  color: #fff !important;
}
ul.sub-options-menu .button.action:hover {
  background-color: #f5f5f5 !important;
}
ul.sub-options-menu .button.action:hover span {
  color: #000 !important;
}
.overlay-text-dynamic.dark {
      color: #000 !important;
      transform: translate(0,0) !important;
}
#user-main-setting-options .overlay-text-dynamic, #main-setting-base .overlay-text-dynamic {
    font-size: 35px;
    line-height: 45px;
    padding: 0 8px;
}
form.search-form {
    margin-right: 5px;
}
.content-item .skin {
    background: rgba(0,0,0,0.5);
    position: absolute;
    z-index: 10;
    top: 0 !important;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100% !important;
    width: 100% !important;
    display: block;
}
.content-item .skin-banner {
    background: transparent;
    position: absolute;
    z-index: 12;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: auto !important;
    width: 100% !important;
}
.content-item {
	overflow:hidden;
}
.content-item .skin a {
	position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    clip-path: none;
}
.touch-search-icon {
    display: none;
}

.nav-icons .fas {
    color: #000 !important;
}
ul.top-navcore {
	margin: 10px 0px 20px;
}
.touch-show,.touch_show {
	display: none;
}
.rightNavHolder {
    display: flex;
    flex-direction: row-reverse;
    align-content: space-between;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 24px 0;
}
.tablet-show {
	display: none;
}
.touch-nav-handle {
	display: none;
}
div#user-main-setting-options {
    margin: 0 20px;
}
.user-profile-plain {
	    margin-top: 100px;
}


.feat.content-item.content-item-centre {
    left: 0;
    right: 0;
    width: 33.33%;
    margin: auto;
    background: rgba(255,255,255,0.5);
    padding: 40px;
    border-radius: 30px;
}

.login-contnainer {
	margin-top: 60px;
}
/*****************
TOUCH
******************/

.footer-nav {
    bottom: 0;
    background: transparent;
    left: 0;
    right: 0;
    margin: 5px 0;
    padding: 5px;
}
.footer-nav {
    margin: 4px 0px;
    padding: 0px 0 0;
}

#touch-footer {
	position: fixed;
	bottom:0;
	width: 100%;
	left: 0;
	right: 0;
	z-index: 100000001;
	height: 60px;
	padding: 5px 0 0;
	background: #fff;
	border-top: 1px solid #f5f5f5;
}
#touch-footer.retracted {
	bottom:-60px;

}
#touch-footer ul li {
  width: 20% !important;
  overflow:hidden;
  padding: 0;
height: 40px;
margin: 0;float: left;}
#touch-footer ul li .icon {
  float: none;
  height: 40px !important;
  width: 55px !important;
  padding: 5px 15px;
  line-height: 30px;
  margin: 0 auto !important;
}
#touch-footer  {
	display: none;
}

.share-options-container .wall-profile-pic.profile_img, .share-options-profile {
    float: none;
    margin: 9px 10px 0 0;
    width: 38px !important;
    height: 38px;
}
.share-options-container textarea {
    background: #f5f5f5;
}

.share-options-container {
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.bg-zero {
    background-size: 0px !important;
}
.browser-bar .logo.sea {
    background-position: center;
}
.rightNavHolder .notification_holder {
	margin: 6px -8px;
	color: #fff;
	top: 0;
}
.nav_holder {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.touch_show, .notification_holder.touch_show {
	display: none;
}
.logo, img.logo-overlay, .logo-overlay {
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
img.logo-overlay,.logo-overlay {
    display: block;
    width: 100% !important;
    float: left;
    z-index: 1000;
    margin: 21px 0;
    opacity: 0.8;
}
.neutral .logo-overlay {
    display: none !important;
}
.profile-feature-grid-0  {
	margin-top: 0 !important;
}
.browser-bar .logo.sea.logo-full {
      width: 244px !important;
      background-size: 244px !important;
      top: 0;
  }
.neutral .browser-bar .logo.sea.logo-full {
      width: 344px !important;
      background-size: 344px !important;
      top: 0;
  }
  .profile-media {
    float: left;
    width: auto;
    padding: 50%;
    position: relative;
    background-size: contain;
    margin: 0;
    border: 0;
    border-radius: 50px;
    overflow: hidden;
}

li.section_tab {
    float: left;
}

ul.sub-options-menu li.section_tab > a {
    float: left;
    background: #fff !important;
    background-color: #fff !important;
}
ul.sub-options-menu li.section_tab > a.active {
    border-bottom: 2px solid #000;
    border-radius: 0;
}
li.section_tab > a span {
    float: left;
    background: #fff !important;
}
.section-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 111111;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    padding: 13px 0;
    background: #fff;
    border-radius: 100px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
}
.section-actions.retracted {
    bottom: -120px;
}
.call-actions {
    font-size: 73px;
    float: left;
    width: 100%;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
}
.button.small {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.placeholder {
    background-color: #eee !important;
}
.title-priority {
    z-index: 100000;
    position: relative !important;
}




  .nav-handle {
    background-color: #eee;
    position: relative;
    color: white;
    font-size: 13px;
    border: none;
    cursor: pointer;
    color: black !important;
    padding: 14px 5px;
    display: flex;
    border-radius: 50%;
    background: #eee;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
  }
  .nav-handle:hover,
  .nav-handle:focus {
    background-color: #fff;
  }
  .nav-handle li {
    background: none repeat scroll 0 0 black;
    height: 5px;
    width: 5px;
    line-height: 0;
    list-style: none outside none;
    margin-right: 1.5px;
    margin-left: 1.5px;
    margin-top: 0px;
    vertical-align: top;
    border-radius: 50%;
    pointer-events: none;
    float: left;
  }
  .context-opt-disabled {
    display: none !important;
}
.helper {
    background-color: transparent !important;
    border: 0 none !important;
    left: 0;
    top: 0;
    min-width: 100px;
    min-height: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.helper .sort_item {
    min-width: 40% !important;
}
.media-item.selected {
    border: 1px dashed #ccc !important;
    border-radius: 7px;
    padding: 0;
}
.helper .media-item.selected {
    border: 0px solid #fff;
}

.sortable.section-view-Re-order, li.sort-section-item {
    border: 4px dashed #eee;
    min-height: 50px;
}
.sort-media-item {
    cursor: move;
}
.sortable-section {
    min-height:  100px;
}
.board-grid-feature {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: flex-end;
}
.board-grid-main {
  float: left;
  width: 66.66%;
}
.board-grid-sub {
  float: left;
  width: 33.33%;
}
.board-grid-feature  i.mediaThumb {
    background-size: cover;
}
.board-grid-main a {
    margin: 0px 0px 2px 0px !important;
}
.board-grid-sub a {
    margin: 0 0px 1px 1px;
}
.board-grid-feature  i.mediaThumb {
    background-size: cover;
    background-color: #eee;
}
.item:hover .board-grid-item i.mediaThumb {
    -ms-transform: scale(1.0) !important;
    -webkit-transform: scale(1.0) !important;
    -moz-transform: scale(1.0) !important;
    -o-transform: scale(1.0) !important;
    transform: scale(1.0) !important;
  
}
.board-item, .layout-grid.view-default .board-item {
    width: 20%;
    -webkit-transform: translate3d(0, 0, 0);
}

.layout-grid.view-large .board-item {
    width: 48%;
}
.layout-grid.view-compact .board-item {
    width: 10%;
}


/*
    LAYOUT DEV
*/
.layout-media-item i.mediaThumb {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
    float: left;
    margin: 0 0;
   
}
.layout-media-item div.item-block-img {
    height: auto;
    overflow: visible;
    
}



/*
    BASE item layout styles
*/

.layout-media-item.media-item {
    z-index: 1;
    top: 0px;
    height: 240px;
    z-index: 1;
 }
 .sort-media-item, .layout-media-item.media-item {
    transition: none !important;
 }
 .layout-grid {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    z-index: 3;
}

.layout-media-item.media-item {
   background-color: transparent;
   background-repeat: no-repeat;
   background-size: contain;
   height: auto !important;
   border: 1px solid transparent;
   }

.layout-media-item.media-item img {
    border: 10px solid #fff;
    box-shadow: azure;
    box-shadow: rgb(0 0 0 / 25%) 0px 14px 28px, rgb(0 0 0 / 22%) 0px 10px 10px;
    box-shadow: rgb(38 57 77) 0px 20px 30px -10px;
    box-shadow: rgb(0 0 0 / 25%) 0px 25px 50px -12px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.ui-draggable-dragging {

}
  .media-viewer.grid-off {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10px;
    grid-auto-flow: dense;
    align-content: space-between;
    justify-content: space-between;
    justify-items: stretch;
    align-items: center;
  }
  .media-canvas {
    
  }
  
.app-content {
    width: 98%;
    margin-left: 1%;
    width: calc(100% - 30px) !important;
    margin-left: 15px;
    border: 2px dashed #ccc;
    margin-bottom: 0;
    -webkit-transform: translate3d(0, 0, 0);
}
.section-board {
    padding-bottom: 40px;

}

#app-nav-left {
    width: 5%;

}

#app-nav-right {
    display: none;
    width: 5%;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0.5);
    z-index: 10000;
}
#app-nav-right ul.sub_options {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
}

#app-nav-right ul.sub_options > li > a {
    width: 100%;
}

.ui-resizable-handle {
    display: none !important;
}
.layout-media-item.selected .ui-resizable-handle {
    display: block !important;

}
.media-canvas > .ui-resizable-handle {
    display: block !important;

}
.nwgrip, .negrip, .swgrip, .segrip, .ngrip, .egrip, .sgrip, .wgrip {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border: 1px solid #000000;
}
.nwgrip {
    left: -5px;
    top: -5px;
}
.negrip{
     top: -5px;
     right: -5px;
}
.swgrip{
    bottom: -5px;
    left: -5px;
}
.segrip{
     bottom: -5px;
    right:-5px;
}
.ngrip{
     top: -5px;
    left:50%;
}
.sgrip{
     bottom: -5px;
    left: 50%;
}
.wgrip{
     left:-5px;
     top:50%;
}
.egrip{
     right:-5px;
     top:50%;
}

.section-box {
    border: 1px solid rgb(218,220,224);
    padding: 20px;
    float: left;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 20px;
}
.button-mid.button-fit.follow {
    background: #000 !important;
}
.button-mid.button-fit.follow:hover span {
    color: #fff !important;
}

span.overlay-text-dynamic.centre, .flex-content-item.centre {
    position: relative;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    top: -webkit-calc(50% - 60px);
    top: -moz-calc(50% - 60px);
    top: auto;
    width: 100%;
}
span.overlay-text-dynamic.large {
    top: 50%;
    top: -webkit-calc(50% - 75px);
    top: -moz-calc(50% - 75px);
    top: calc(50% - 75px);
}
span.overlay-text-dynamic.xxl {
    top: 50%;
    top: -webkit-calc(50% - 150px);
    top: -moz-calc(50% - 150px);
    top: calc(50% - 150px);
}
.overlay-text-dynamic.large {
    font-size: 150px;
    line-height: 150px;
}
.red, span.overlay-text-dynamic.red,.overlay-text-dynamic.full.red {
    color: #c21b17 !important;
}
.block-grid-container.centre {
    width: 50%;
}
.block-grid-container.centre.full {
    width: 100%;
}

img.grid-image {
    float: left;
    width: 100%;
}
.block-grid-item {
    float: left;
    width: 33.33%;
}
.block-grid-container.centre.full .block-grid-item {
    width: 20%;
}
.flex.fit {
    display: flex;
    flex-direction: row;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 20px 20px;
    float: left;
    flex-basis: 30%;
    width: 100%;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 20px;
    column-gap: 20px;
    grid-row-gap: 20px;
    row-gap: 20px;
    margin: 0;
}

.flex.fit .block-grid-item {
    width: auto;
    flex: 1 1 22%;
}
figure.figure.background-image.flex {
    display: flex;
    align-items: center;
}
.wall-grid li.select_user span.box_twenty, .wall-grid li.select_item span.box_twenty {
    width: 60px;
}
.wall-grid li.select_user, .wall-grid .select_item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
span.skim-link.skim-img-container {
    float: left;
    width: 100%;
}

ul#skim-images, .skim-img-container img {
    float: left;
    width: 100%;
}
.video-responsive {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
  }
  
  
  .video-responsive::before {
    display: block;
    content: "";
    padding-top: 56.25%;
  }
  
  .video-responsive-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .context-nav {

  }
  .context-nav-title {padding: 0;}
  .context-nav li {
    float: left;
    width: 100%;
  }
  .context-nav li a {
    padding: 10px 0;
    float: left;
    width: 100%;
  }
  .icon-filter li {
    width: 100%;
    float: left;
    height: 3px;
    background: #000;
    margin: 3px 0;
    border-radius: 0;
    vertical-align: middle;
    border-radius: 5px;
}
.icon-filter li:first-child:before {
    content: "";
    padding: 2px 2px;
    border-radius: 9px;
    background: #fff;
    border: 3px solid #000;
    height: 3px;
    line-height: 5px;
    font-size: 5px;
    margin: -4px 4px;
    position: absolute;
}
.icon-filter li:last-child:before {
    content: "";
    padding: 2px 2px;
    border-radius: 9px;
    background: #fff;
    border: 3px solid #000;
    height: 3px;
    line-height: 5px;
    font-size: 5px;
    margin: -4px 4px;
    position: absolute;
    right: 0;
}
.checkmark.active {
    display: inline-block;
    width: 21px;
    float: right;
    height: 18px;
    margin: -3px 8px;
    top: 1px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
  }
  
  .checkmark.active::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 14px;
    background-color: #b13d27;
    left: 14px;
    top: 2px;
    border-radius: 2px;
  }
  
  .checkmark.active::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 3px;
    background-color: #b13d27;
    left: 9px;
    top: 13px;
    border-radius: 4px;
  }

ul.nav-handle.icon-filter {
    width: 28px;
    display: flex;
    flex-direction: column;
    padding: 0;
    background: transparent;
}
ul.layout-grid.full-spread li.media-item {
    position: relative !important;
    width: 100% !important;
    float: left;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    margin: 0 0 40px;
}
.full-spread li.media-item .item-block-img.loaded img {
  display: block;
    position: relative !important;
}

.full-spread li.media-item .item-block-img.loaded i {
    display: none;
    position: relative !important;
}
ul.layout-grid.full-spread {
    float: left;
    width: auto !important;
    margin: 0;
    height: auto !important;
    display: block;
}
.media-item.board-item .item-block-img {
  padding: 0 0 0;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.media-item.board-item .item-block-img.loaded {
    padding: 0;
}
.media-item.board-item .item-block-img img.preload {
    display: none;
  display: block;
    display: none;

    position: absolute;
}.media-item.board-item .item-block-img.loaded img {
    display: block;
    display: none;
    position: absolute;
    z-index: 1000;
    visibility: visible;
}
.media-item.board-item .item-block-img.loaded i {
    display: block;
}
.media-item.board-item .item-block-img i {
    background-color: #eee;
}



.acc-balance-container {
    float: left;
    width: 100%;
    margin: 20px 0 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.acc-balance-title {
    text-align: center;
    font-size: 20px;
}

.acc-balance-amount, .acc-balance-amount span {
    text-align: center;
    font-size: 40px;
    line-height: 40px;
}

.acc-balance-title.sub {
    font-size: 16px;
    margin: 20px 0 0;
}

.acc-balance-amount.sub, .acc-balance-amount.sub span {
    font-size: 30px;
}
.acc-balance-available-container.minus {
  background: #ffe9e9;
}
.acc-balance-available-container.price {
  background: #e9ffef;
}
.acc-balance-available-container {
  padding: 40px;
  border-radius: 100px;
}
.acc-balance-available-sub-container {

}

.item-home-product {

}
.item-home-product .wrapper {
  display: none;
}
.item-home-product .content-item, .item-home-product .wall-grid-item.shop-grid-item {
  float: left;
  width: 100%;
  padding: 0;
}
.item-home-product .overlay-text-dynamic span {
  text-align: left;
  float: left;
}
.item-home-product .set-content-pad {
    padding: 0 15px;
}
.item-home-product .set-content-show {
    display: block;
}
.item-home-product .shop_product_price, .item-home-product .price_currency_icon, .item-home-product .shop_product_price_currency {
    font-size: 20px !important;
    line-height: 32px !important;
}
.auction-item-pad {
    padding: 15px 0;
}
.item-home-product .auction-item-pad {
    padding: 0;
}
li.media-upload-button-container {
    width: 200px !important;
}
li.media-upload-button-container .button, li.media-upload-button-container .button-mid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 0 0 10px !important;
}
.post-button {
    width: 200px;
}
li.section-options-item .icon-photo {
    height: 40px !important;
    padding: 0 !important;
    margin: 0px !important;
}
label:hover {
    color: #999;
}
ul.section-options {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

li.section-options-item {
    float: left;
    width: auto;
}

.media-picker-check {
    position: absolute;
    bottom: 5px;
    left: 0;
}
.media-container-thirds .media-selected-item {
    width: 33.33% !important;
}
ul#profile-image-edit.left {
    float: left;
    position: relative !important;
}
.context-opt {
    z-index: 1099;
}

.user-list-medium li .wall-profile-pic.profile_img.small a 
{
     width: 40px !important;
     height: 40px !important;
 }
 .user-list-medium li .wall-profile-pic.profile_img.small i.itemThumb 
{
     width: 38px !important;
     height: 38px !important;
 }


.user-list-medium li  {
    width: 30px;
    overflow: visible;
    float: left;
    margin: 0;
    margin-left: -10px;
}

ul.user-list-medium.flex {
    height: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    align-content: center;
    margin-bottom: 30px;
}
.user-list-small li {
    width: 13px;
}




/* ==================
DEV. SHOP
=================== */




.touch-nav-handle.active span:last-child {
    display: block;
    transform: rotateY(0deg) rotate(45deg); /* needs Y at 0 deg to behave properly*/
    transition: transform 0.22s;
    margin-top: -5px;
    width: 30px;
    margin-left: 0px;
  }
  .touch-nav-handle.active span:first-child {
    display: block;
    transform: rotateY(0deg) rotate(-45deg); /* needs Y at 0 deg to behave properly*/
    transition: transform 0.2s;
    margin-top: 10px;
    width: 30px;
    margin-left: 1px;
  }
  .touch-nav-handle.active span {
      display: none;
      transition: transform 0s !important;
  }
  
  .shop-grid.compact .shop-grid-item {
      width: 20%;
  }
  
  .left-panel-navigation {
      width: 100%;
      float: left;
  }
  .touch-nav-handle {
      display: block;
      z-index: 1000;
      height: 30px;
      display: block !important;
      overflow: hidden;
      width: 29px;
      margin: 0 0 0 42px;
      padding: 0 0 10px 0;
      position: relative;
      float: left;
      right: 0;
      top: 20px;
      z-index: 10000000;
      position: sticky;
  }
      .touch-nav-handle span {
          background: #000;
          margin: 0 0 4px;
          padding: 1px 0 0;
          float: left;
          width: 100px;
          float: left;
          width: 50px;
          height: 1px;
          background: #000;
          margin: 3px;
          transition: transform 0s;
      }
  
  .shop-nav-wrapper.flex {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: flex-start;
      justify-content: space-around;
      align-items: flex-start;
  }
  
  .shop-content {}
  
  .shop-nav-wrapper {
    
  }
  .shop-nav-wrapper .item {
    width: 30%;
  }
  .slider.ui-widget.ui-widget-content {
      width: 90%;
      left: 3%;
      right: 3%;
      opacity: 1;
  }
  .left-panel-navigation {
      width: 100%;
      float: left;
      position: fixed;
      top: 0;
      bottom: 0;
      z-index: 1000000;
      background: #fff;
      overflow: auto;
      padding: 80px;
  }
  
  
  
  
  
  
  
     .wall-grid.shop-grid.vertical-centre  {
      flex-direction: row;
      display: flex;
      align-content: space-around;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      padding: 20px;
      margin-top: 20px !i;
      !;
      float: left;
      flex-basis: 30%;
      width: 100%;
   }
  .tile-frame.vertical,.tile-frame {
      padding: 20px 9% 80px !important;
  }
  
  .tile-frame.horizontal {
      padding: 10% !important;
  }
  
  .loadingModal {
      background: none repeat scroll 0 0 #FFFFFF;
      display: none;
      height: auto;
      padding: 0;
      position: fixed;
      width: auto;
      left: 0;
      right: 0;
  }
  .shop-content {
    float: left;
    width: 100%;
  }
  .shop-nav {
    float: left;
    width: 100%;
  }
  .shop-nav-wrapper {
      padding: 0 25px;
      float: left;
  }

.article-body.row {
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
}
  
  


/* === WORD HIGHLIGHT === */
.word-highlight {
    position: relative;
    display: inline-block;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.word-highlight:hover {
    background: #c31210; /* Change this to any highlight color */
    border-radius: 4px;
	color: #fff !important;
}




.tab-content {
    color: #000000;
    font-size: 16px;
    line-height: 16px;
}


/* ==================
1. GRID
=================== */


/* Fix: Make sure the overflow content spans full width */
.left-overflow {
    width: 100%; /* Full viewport width */
    padding: 20px;
    margin-top: 20px;
    clear: both; /* Prevent it from aligning in the grid */
    display: block;
    position: relative;
}
/* === FLEX CONTAINER === */
.shop-nav-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 10px;
    margin: 0 auto;
    width: 100%;
    left: 0;
    right: 0;
    !i;!;
}

/* === MASONRY ITEMS === */
.shop-nav-section {
    width: calc(33.333% - 10px); /* Three columns with spacing */
    min-width: 200px;
    background: white;
    padding: 15px;
    border-radius: 8px;
    box-shadow: none;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* === RESPONSIVE GRID === */
@media (max-width: 1024px) {
    .shop-nav-section {
        width: calc(50% - 10px); /* Two columns on tablets */
    }
}

@media (max-width: 768px) {
    .shop-nav-section {
        width: 100%; /* Full width on small screens */
    }
}



 .grid-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Two equal columns */
            gap: 15px;
            max-width: 100%; /* Adjust as needed */
            grid-auto-flow: dense; /* Pushes items up to fill gaps */
            grid-template-columns: 50% 50%; /* First column 60%, second column 40% */
        }

        .grid-item {
            padding: 15px 15px 15px 0;
            border-radius: 8px;
        }

        .grid-item img {
            width: 100%;
            border-radius: 5px;
        }

        .grid-item p {
            margin: 10px 0 0;
            font-size: 14px;
            color: #333;
        }

        /* Optional: Make some items taller */
        .tall { grid-row: span 2; }

.grid-item {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    will-change: transform, opacity;
}

/* Animate grid resizing */
.grid-container {
    transition: grid-template-columns 0.2s ease-in-out;
}


/* ==================
1. CALENDAR
=================== */

.calendar-container {
    width: 100%;
    max-width: 600px; /* Adjust as needed */
    margin: 0 auto;
    background: #FFF;
    border: 0px solid #8d8d8d;
    padding: 10px;
}

/* Calendar Header (Prev/Next Arrows & Month Name) */
.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    padding: 10px 0;
}

.cal-prev, .cal-next {
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-decoration: none;
    color: #000;
    padding: 10px 20px;
    cursor: pointer;
}

.cal-prev:hover, .cal-next:hover {
	background: #f5f5f5
}
/* Month Title */
.cal-month {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

/* Weekday Row */
.calendar-grid.weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-size: 15px;
    padding: 10px;
}

/* Each weekday name */
.cal-weekday {
    padding: 10px 0;
    font-weight: bold;
    border-bottom: 2px solid #8d8d8d;
}

/* Dates Grid */
.calendar-grid.dates {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
    text-align: center;
}

/* Day Cells */
.cal-day {
    font-size: 15px;
    padding: 10px;
    background: #fafafa;
    border: 1px solid #ddd;
    min-height: 60px; /* Keep cells uniform */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Empty Cells */
.cal-empty {
    background: transparent;
    border: none;
}

/* Links inside days */
.cal-day a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
}

/* Active selected date */
.cal-book.calActive {
    background: #ecdac8;
}

/* Today’s Date Highlight */
.calToday {
    background: #f1f1f1;
}

/* Hover effect for day links */
.cal-day:hover {
    background: #f5f5f5;
}

/* If a wrapper div was used (like #hybrid-calendar-inner), keep it */
#hybrid-calendar-inner {
    padding: 0;
    float: left;
    width: 100%;
    border: 2px solid #8d8d8d;
    margin-bottom: 5px;
    background: #FFF;
}

.cal-day {
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    padding: 5px;
    background: transparent;
    border: 0px solid #ddd;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cal-day.cal-empty:hover {
	background: transparent;
}
.cal-day.calActive {
    background: #ecdac8;
}

.calToday {
    background: #f1f1f1;
}

.cal-day:hover {
    background: #f5f5f5;
}


/* ==================
1. CART
=================== */
div#paypal-button-container {
    margin: 0 0 20px;
}
.col-main {
    padding: 0;
    background: transparent;
}

/* ==================
1. CONTENT
=================== */
.content-feature-article {
    padding: 0;
    position: relative;
    color: #ecdac8;
    font-weight: 500;
    margin: 0 !important;
    text-align: left;
    font-size: 16px;
}
.content-feature * {
}
.content-feature, .content-feature {
	    color: #000;
	    font-size: 34px;
	    line-height: 34px;
}
.content-feature:hover, .content-feature:hover * {
	    color: #000;
}



/* ==================
1. PRODUCT
=================== */

.collection-description {
    font-size: 20px;
    line-height: 26px;
    max-width: 50%;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.overlay-text-dynamic.strong, .overlay-text-dynamic.strong h1 {
  font-weight: 600;
}
.grid-options-base .overlay-text-dynamic.strong, .grid-options-base  .overlay-text-dynamic.strong h1{
  font-weight: 300;
  text-align: left;
  float: left;
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-weight: 400;
  font-weight: 500;
  letter-spacing: 0px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.overlay-text-dynamic.small {
    font-size: 25px;
    line-height: 25px;
    letter-spacing: -1px;
}
.limited {
    color: #bc4947 !important;
	
}
h2.edition_type.limited {
    font-style: italic;
    font-weight: bold;
    margin: 0 0 10px;
}
h2.edition_type.open {
    color: #2d63b4;
    font-style: italic;
    margin: 0 0 10px;
}

.price, input.main_bid::placeholder, input.main_bid, .shop_product_price, .price_currency_icon {
    color: #000 !important;
    font-weight: 600 !important;
}


.main-product-section-size-selector-price {
    font-weight: 600;
}

.sub.italic.discount {
    background: #e8ffef;
    padding: 0px 2px;
    font-weight: 400;
}

.filter-title {
    text-transform: uppercase;
    font-weight: 600 !important;
}
span.filter-set {
    font-weight: 400 !important;
}
.row.compact {
  
max-width: 100%;
  
width: 100%;
}
.wall-grid.shop-grid .wall-grid-item,.search-helper .wall-grid-item {
    width: calc(300px - 40px);
    flex: unset;
    /*flex: 1 1 250px;*/
    border: 0;
    margin: 0px 20px 20px;
}
.wall-grid.shop-grid .shop-grid-item-image {
    background: transparent!important;
    padding: 0px;
}
.compact.wall-grid.shop-grid .shop-grid-item-image {
	padding: 0px;
   
}
.grid-options-base > ul > li.title {
	margin: 0px 0 0px;
}
.grid-options-base.first {
    margin-bottom: 15px !important;!i;!;
    padding: 0 18px;
    border-bottom: 0px solid #000;
}
.grid-options-base, .grid-options-base > ul > li {
    margin: 0;
}
.shop-grid.compact .shop-grid-item {
    width: 13%;
    width: 20%;
    flex: unset;
    background: transparent;
    border: 0;
    padding: 4px;
    margin: 0;
}
.shop-grid.large .shop-grid-item, .large .search-helper .shop-grid-item {
    width: 48%;
    width: calc(50% - 0px);
    flex: unset;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0 0px 20px;
}

.product-image-container {
  
}
.product-image-size-target {
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  transform: scale(1);
  !;
}
.product-image-border-target {
  
}
.context-album a {
}

i.mediaThumb.touch-hide {
}

img.mediaThumb.fit.touch-show {
}
.product_detail_media {
	align-items: center;
	position: sticky;
	bottom: 1rem;
	align-self: flex-end;
	align-content: center;
}

.prints .product-image-border-container {
  box-shadow: inset 4px 2px 7px 0px rgb(0 0 0 / 21%);
  float: left;
  position: relative;
  width: 100%;
  border: 1px solid #eee;
}
.product-image-border-container[data-mount-type="Full Bleed"] {
  border: 0px solid #eee;
}
[data-image-border-colour="No Frame"] .product-image-border-container {
  box-shadow: none;
}

.prints .media_zoom_off.media_container.cf {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 110%;
  height: 110%;
  margin: auto;
  background: #ffffff;
  padding: 0;
  border-style: solid;
  border-width: 10px;
  border-width: 14.2857px;
  padding: calc(5% + 10px);
  border-top-color: lighten(#000, 20%);
  border-right-color: lighten(#000, 0%);
  border-bottom-color: lighten(#000, 20%);
  border-left-color: lighten(#000, 0%);
  border-color: #000;
  box-shadow: 12px 15px 18px 0px rgb(95 95 95 / 60%), inset 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.shop-grid-item-image .media_zoom_off.media_container.cf.prints {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 87%;
  height: 87%;
  margin: auto;
  background: #fbfbfb;
  padding: 0;
  border-style: solid;
  border-width: 10px;
  border-width: 5px;
  padding: calc(5% + 10px);
  margin-bottom: 30px;
  margin-left: 20px;
  border-top-color: lighten(#000, 20%);
  border-right-color: lighten(#000, 0%);
  border-bottom-color: lighten(#000, 20%);
  border-left-color: lighten(#000, 0%);
  border-color: #000;
  box-shadow: 7px 10px 9px 0px rgba(0, 0, 0, .6), inset 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.shop-grid-item-image .media_zoom_off.media_container.cf {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fbfbfb;
  margin-bottom: 30px;
  margin-left: 0;
  z-index: 1;
}


.media_zoom_off.media_container.prints {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background: #ffffff;
  padding: 0;
  border-style: solid;
  border-width: 10px;
  border-width: 14.2857px;
  padding: calc(5% + 10px);
  border-top-color: lighten(#000, 20%);
  border-right-color: lighten(#000, 0%);
  border-bottom-color: lighten(#000, 20%);
  border-left-color: lighten(#000, 0%);
  border-color: #000;
  box-shadow: 12px 15px 18px 0px rgb(95 95 95 / 60%), inset 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.media_zoom_off.media_container.Booking {
  box-shadow: none;
  background: #ecdac8;!;!importan;!i;!;
  border: none;
  padding: 0;
}

.shop-grid-item-image .media_zoom_off.media_container.prints {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 87%;
  height: 87%;
  margin: auto;
  background: #fbfbfb;
  padding: 0;
  border-style: solid;
  border-width: 10px;
  border-width: 5px;
  padding: calc(5% + 10px);
  margin-bottom: 30px;
  margin-left: 20px;
  border-top-color: lighten(#000, 20%);
  border-right-color: lighten(#000, 0%);
  border-bottom-color: lighten(#000, 20%);
  border-left-color: lighten(#000, 0%);
  border-color: #000;
  box-shadow: 7px 10px 9px 0px rgba(0, 0, 0, .6), inset 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.compact .shop-grid-item-image .media_zoom_off.media_container.cf {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 83%;
  height: 83%;
  margin: auto;
  background: #fbfbfb;
  padding: 0;
  border-style: solid;
  border-width: 10px;
  border-width: 3px;
  padding: calc(4% + 10px);
  margin-bottom: 18px;
  margin-left: 0px;
  border-top-color: lighten(#000, 20%);
  border-right-color: lighten(#000, 0%);
  border-bottom-color: lighten(#000, 20%);
  border-left-color: lighten(#000, 0%);
  border-color: #000;
  box-shadow: 7px 10px 9px 0px rgba(0, 0, 0, .6), inset 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.media_container img {
    width: 100%;
    min-width: 100%;
    padding: 0 !important;
    vertical-align: top;
    padding: 0;
    border: 0 solid #fffefd;
    background: #fffefd;
    z-index: 0;
    box-shadow: aliceblue;
    z-index: 1;
    position: relative;
}
.tiles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: crosshair;
    padding: 0;
}
label.product-att-selector, label.product-att-select {
    order: unset;
    border-color: #000;
    background: #fff;
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 5px !important;
    border: 1px solid #8d8d8d;
    cursor: pointer;
    padding: 15px 20px 15px 20px;
    font-size: 16px;
    justify-items: center;
    margin-left: 0 !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
}
label.product-att-selector.frame-colour, label.product-att-select.frame-colour {
	 padding: 10px;
	 width: 50px !important;
	 height: 50px !important;
	 border-radius: 50px
}
 label.product-att-selector.frame-colour.Black,  label.product-att-select.frame-colour.Black {
	 background: #000
 }
 label.product-att-selector.frame-colour.White,  label.product-att-select.frame-colour.White {
	 background: #fff
 }
 label.product-att-selector.frame-colour.Wood,  label.product-att-select.frame-colour.Wood {
	 background: #CEB69E;
	}
 label.product-att-selector.frame-colour.No,  label.product-att-select.frame-colour.No {
	 background: #fff;
	 border: 2px solid #000;
	}
label.product-att-selector.frame-colour.No:before, label.product-att-select.frame-colour.No:before {
    content: '';
    height: 48px;
    width: 25px;
    margin-bottom: 17px;
    margin-left: -7px;
    border-right: 2px solid #000;
    -webkit-transform: skew(-45deg);
    -moz-transform: skew(-45deg);
    transform: rotate(45deg);
}

.product-att-selector-input {
    display: none;
}
label.product-att-selector.selected, label.product-att-select.selected {
    border: 1px solid #228ef2;
}
label.product-att-selector.two-col, label.product-att-select.two-col {
    grid-template-columns: 1fr 1fr;
}
.main-product-section-size-selector-dimensions {
    font-size: 15px;
}
.main-product-section-size-selector-dimensions-sub {
    font-size: 13px;
    color: #000;
    padding: 5px;
}

.main-product-section-size-selector-name {
    text-transform: uppercase;
    font-weight: 600;
}
.grid-item .grid-item-contents {
    position: sticky;
    top: 0; /* or left: 0, right: 0, bottom: 0 */
    z-index: 10; /* optional: to layer it above other content */
}


/*****************

SHOP FILTERS

*****************/


.shop-nav-wrapper .item {
    width: 30%;
    border: 0 !important;!i;!;
    padding: 20px;
  }
  .slider.ui-widget.ui-widget-content {
      width: 90%;
      left: 3%;
      right: 3%;
      opacity: 1;
  }
  .left-panel-navigation {
      width: 100%;
      float: left;
      position: fixed;
      top: 0;
      bottom: 0;
      z-index: 100000;
      background: #fff;
      overflow: auto;
      padding: 80px;
  }
  
  
  
  
  
  .left-panel-navigation {
      width: 100%;
      float: left;
  }
  .touch-nav-handle {
      display: block;
      z-index: 1000;
      height: 30px;
      display: block !important;
      overflow: hidden;
      width: 33px;
      padding: 2px 0 10px 0 !important;!i;!;
      position: relative;
      float: left;
      right: 0;
      top: 0;
      z-index: 1000000;
      font-family: "Times New Roman", Times, serif;
  }
  
  .shop-nav-wrapper.flex {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: flex-start;
      justify-content: space-around;
      align-items: flex-start;
  }
  
  .shop-content {}
  
  .shop-nav-wrapper {
    
  }
  .shop-nav-wrapper .item {
    width: 30%;
    border: 0 !important;!i;!;
    padding: 20px;
  }
  .slider.ui-widget.ui-widget-content {
      width: 90%;
      left: 3%;
      right: 3%;
      opacity: 1;
  }
  .left-panel-navigation {
      width: 100%;
      float: left;
      position: fixed;
      top: 0;
      bottom: 0;
      z-index: 100000;
      background: #fff;
      overflow: auto;
      padding: 80px;
  }
  
  
  
     .wall-grid.shop-grid.vertical-centre  {
      flex-direction: row;
      display: flex;
      align-content: space-around;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      padding: 20px;
      margin-top: 20px;
      float: left;
      flex-basis: 30%;
      width: 100%;
   }
  .tile-frame.vertical,.tile-frame {
      padding: 20px 9% 20px !important;
      min-width: 100%;
  }
  
  .tile-frame.horizontal {
      padding: 10% !important;
  }
  
  .loadingModal {
      background: none repeat scroll 0 0 #FFFFFF;
      display: none;
      height: auto;
      padding: 0;
      position: fixed;
      width: auto;
      left: 0;
      right: 0;
  }
  
  .left-panel-navigation .container {
      position: relative;
      bottom: 0;
      text-align: left;
      top: 40px;
  }
  
  
/*****************

SHOP MASONRY GRID

*****************/


  .wall-grid.shop-grid-container { 
    margin: 0 auto;  
    column-gap: 0;
    grid-row-gap: 0;
    row-gap: 0;
  }
  .wall-grid.shop-grid-container .wall-grid-item {
  width: calc(20% - 20px) !important;     /* five columns = 100% / 5 */
  box-sizing: border-box;  /* ensure padding doesn’t blow up the size */
  padding: 0 10px 0;
  margin: 0 0 60px;

}

/*****************

GRID W TEXT

*****************/
div#nav-shop-collections {
    margin: 0 0px;
}

.pop-menu div#nav-shop-collections li a {
    font-size: 14px;
    line-height: 12px !important;
}
.pop-menu div#nav-shop-collections li {
    font-size: 14px;
    line-height: 12px !important;
}

a.a.grid-title-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-evenly;
    align-items: center;
}

span.grid-title {
    position: absolute;
    color: #fff;
    letter-spacing: 19px;
    font-size: 20px;
    line-height: 60px;
    word-wrap: revert;
    line-break: anywhere;
    color: #fff;
}
.grid-clean span.grid-title {
	display: none;
}
.grid-title-container {
  position: relative;
  display: block;            /* ensure it’s a block so width:100% works */
  overflow: hidden;          /* hide any overflow, if needed */
}

.mediaThumb {
  display: block;            /* so it fills the container */
  width: 100%;
  height: auto;              /* or set a fixed height if you want */
  background-size: cover;
  background-position: center;
}

.grid-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; /* fill the entire parent */
  display: flex;            /* center text easily */
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;            /* optional breathing room */
  color: #fff;              /* contrasting color */
  background: rgba(0,0,0,0.4); /* optional semi‑transparent overlay */
  box-sizing: border-box;
}

.neutral svg.svg-icon {
    color: #fff;
}
span.overlay-text-dynamic.text-modal-text.half {
    width: 50%;
    display: flex;
}