/* GENERIC */
html, body {
    max-width: 100%;
    overflow-x: hidden;
    padding-bottom: 0px !important;
    font-family: 'gothregular';
}

a {
    color: #000;
    text-decoration: none !important;
    transition: 0.3s;
}

a:hover {
    color: #8a8a8a;
    transition: 0.3s;
}

:focus {
    outline: none !important;
}

img {
    max-width: 100%;
}

.slick-slide {
    cursor: pointer;
}

.common-title {
    font-family: 'gothblack';
    letter-spacing: 5px;
    word-spacing: 10px;
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 50px;
}

.wishlist-btn {
    cursor: pointer;
}

.wishlist-btn.is-active svg {
    fill: black;
}

/* HEADER */
#shopify-section-header {
	position: fixed;
    z-index: 11500;
    width: 100%;
    top: 0;
    left: 0;
}

.navbar-brand img {
    max-height: 50px;
}

.navbar {
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
    padding: 20px;
    padding-bottom: 0px;
    align-items: center;
    transition: 0.5s;
}

.solidHeader {
    background: #000;
    padding-bottom: 20px;
}

.darkHeader {
    background: linear-gradient(180deg, rgb(179, 222, 248) 0%, rgba(179, 222, 248, 0.9) 60%, rgba(255, 255, 255, 0) 100%);
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 0.5s;
}

.nav-link {
    font-family: 'gothmedium';
    text-transform: uppercase;
    font-weight: bold;
    color: #fff !important;
    margin: 0px 30px;
    font-size: 14px;
}

.darkHeader .nav-link {
    color: #fff !important;
}

.darkHeader #currency-selector {
    color: #fff !important;
}

.darkHeader .currency-nav-item .feather {
    color: #fff !important;
}

.dropdown-header {
    display: block;
    padding: 10px 0px 0px;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    font-family: 'gothblack';
    text-transform: uppercase;
    border-bottom: 2px solid #000;
    letter-spacing: 3px;
    word-spacing: 6px;
    margin-bottom: 20px;
}

.dropdown {
	position: initial;
}

.dropdown .row {
	flex: 1;
}

.dropdown-menu {
	width: 100%;
	background: rgba(255,255,255,0.85);
	border: none;
    border-radius: 0;
    padding: 10px 0px 0px;
    margin-top: 0px;
    box-shadow: 0px 0px 2px #a7a7a7;
}

.dropdown-menu a {
    display: block;
    font-size: 14px;
    font-family: 'gothregular';
    color: #000;
    text-transform: capitalize;
    letter-spacing: 2px;
    transition: 0.4s;
}

.dropdown-menu a:hover {
    color: #ababab;
    transition: 0.4s;
}

.dropdown-projects-items a {
    font-size: 12px;
    margin-bottom: 15px;
    margin-right: 20px;
    line-height: 14px;
}

.right-icons .nav-link {
    margin: 0px !important; 
}

.navbar-dark .navbar-toggler {
    color: #fff;
    border: none;
}

.about-dropdown-links a {
    font-family: 'gothregular';
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 8px;
    margin-right: 20px;
    line-height: 14px;
    text-transform: uppercase;
}

.style-list {
    columns: 2;
    list-style: none;
    padding: 0px;
}

.page-main-header {
    height: 170px;
    margin-bottom: 40px;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.page-main-header h1 {
    color: #fff;
    font-family: 'gothmedium';
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 38px;
    margin-bottom: 20px;
    text-shadow: 0px 0px 10px #000;
}

.shop-all-btn {
    font-family: 'gothblack' !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    line-height: 1em;
    margin-top: 30px;
}

.instagram-dropdown {
    font-family: 'gothmedium' !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    padding-top: 20px !important;
}

.cart-icon-background {
    background-size: cover;
    width: 40px;
    height: 40px;
    background-position: center;
    position: relative;
}

#open-slide-cart {
    padding: 0px 10px;
    position: relative;
    width: 100%;
    height: 100%;
}

.cart-count {
    color: #000;
    line-height: 1em;
    font-size: 10px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    padding-top: 2px;
}

.loading-screen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: #fff;
    background-size: cover;
    background-position: center;
}

.center-yellow {
    width: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#currency-selector {
    -webkit-appearance: none;
    border: none;
    background: none;
    color: #fff;
    font-family: 'gothmedium';
    letter-spacing: 1px;
    position: relative;
    top: 5px;
    padding: 5px;
    padding-right: 20px;
    left: 15px;
    z-index: 10;
}

.currency-nav-item .feather {
    color: #fff;
    width: 18px;
    position: relative;
    top: 3px;
    left: -10px;
    display: inline-block;
}

/* FOOTER */
.footer-main {
    margin-top: 100px;
    padding-bottom: 10px;
    font-family: 'gothbold';
    font-size: 12px;
    position: relative;
    z-index: 110;
    background: #fff;
    border-top: 12px solid #75F94C;
}

.auto-border {
    display: flex;
}

.green-border {
    flex-grow: 1;
    border-top: 10px solid #75F94C;
    border-right: 10px solid transparent;
}

.auto-right img {
    width: 70px;
    position: relative;
    top: -20px;
}

.footer-center-image {
    width: 100px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.footer-main h2 {
    font-family: 'gothmedium';
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 40px;
}

.footer-main a {
    font-family: 'gothregular';
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0px;
    display: block;
}

.footer-main .social-links img {
    width: 20px;
}

.social-links a {
    margin: 0px 5px;
    display: inline-block;
}

.social-links i {
    position: relative;
    top: 2px;
    font-style: normal;
}

/* HOMEPAGE SLIDER */
#shopify-section-homepage-slider {
    width: 100%;
}

.homepage-slider {
    margin-bottom: 80px;
}

.slide-inner {
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.slick-arrow {
    position: absolute;
    z-index: 99;
    transform: translate(-50%, -50%);
    top: 42.5%;
    width: 18px;
    cursor: pointer;
}

.center-arrows {
    top: 50%;
}

.left-icon.slick-arrow {
    left: 14px;
}

.right-icon.slick-arrow {
    right: -4px;
}

/* HOMEPAGE CONTENT */
.marquee {
    overflow: hidden;
    font-family: 'gothblack';
    letter-spacing: 4px;
    word-spacing: 8px;
    text-transform: uppercase;
    font-size: 38px;
    line-height: 40px;
    padding: 13px 0px 10px;
    margin-top: 60px;
    margin-bottom: 10px;
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
}

.marquee-1 {
    border-top: 3px solid #00FF00;
    border-bottom: 3px solid #00FF00;
}

.marquee-2 {
    border-top: 3px solid #3CFBFC;
    border-bottom: 3px solid #3CFBFC;
}

/* FEATURED PRODUCTS */
.featured-products h1 {
    font-family: 'gothblack';
    letter-spacing: 5px;
    word-spacing: 10px;
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 80px;
    padding: 0px 20px;
}

.featured-products h3 {
    font-family: 'gothmedium';
    letter-spacing: 5px;
    word-spacing: 10px;
    font-size: 22px;
    text-transform: uppercase;
}

.featured_products_carousel .carousel_inner {
    padding: 15px;
    min-width: 320px;
    max-width: 320px;
}

.featured_products_carousel .carousel_inner img {
    max-width: 100%;
}

.featured_product_name {
    font-family: 'gothblack';
    font-size: 14px;
    display: block;
    margin-top: 10px;
    line-height: 16px;
    letter-spacing: 2px;
}

.featured_product_price {
    font-family: 'gothregular';
    font-size: 14px;
    line-height: 16px;
}

/* FEATURED STORIES */
.featured-1 {
    max-width: 420px;
    border: 3px solid;
    margin-top: 100px !important;
}

.featured-1 figure {
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featured-2 {
    max-width: 280px;
    border: 3px solid;
}

.featured-2 figure {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featured-3 {
    max-width: 280px;
    border: 3px solid;
}

.featured-3 figure {
    width: 100%;
    height: 280px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featured-4 {
    max-width: 340px;
    border: 3px solid;
}

.featured-4 figure {
    width: 100%;
    height: 380px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featured-5 {
    max-width: 340px;
    border: 3px solid;
}

.featured-5 figure {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featured-6 {
    max-width: 400px;
    border: 3px solid;
    margin-top: 160px !important;
}

.featured-6 figure {
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featured-7 {
    max-width: 300px;
    border: 3px solid;
}

.featured-7 figure {
    width: 100%;
    height: 360px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.featured-8 {
    max-width: 300px;
    border: 3px solid;
}

.featured-8 figure {
    width: 100%;
    height: 320px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



.featured_stories_carousel .carousel_inner {
    padding: 20px;
    margin: 20px;
}

.featured_stories_carousel .article_title {
    font-family: 'gothblack';
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 1px;
    word-spacing: 2px;
}

.featured_stories_carousel .article_date {
    font-family: 'gothitalic';
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}

.featured_stories_carousel .article_excerpt {
    font-family: 'gothregular';
    font-size: 13px;
    line-height: 14px;
    display: block;
}

.featured_stories_carousel .article_excerpt h6 {
    display: none;
}

.featured_stories_carousel .article_tag {
    font-family: 'nbnwtype';
    font-size: 24px;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 1px;
    display: flex;
}  

.story-read-more-btn {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-family: 'gothregular';
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    word-spacing: 4px;
}

.story-read-more-btn i {
    display: block;
    font-family: 'gothblack';
    font-style: normal;
    font-size: 20px;
    line-height: 10px;

}

.article_tag .left-line {
    flex-grow: 1;
    height: 10px;
    margin-right: 5px;
    align-self: flex-end;
    margin-bottom: 15px;
    border-top: 10px solid;
    border-right: 10px solid transparent;
}

/* COLLECTIONS PAGE */
.product-thumb {
    position: relative;
}

.product-thumb .first-img {
    width: 100%;
    position: relative;
    z-index: 10;
    opacity: 1;
    transition: 0.2s;
    padding-top: 150%;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-thumb .second-img {
    width: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 8 !important;
    padding-top: 150%;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-thumb .first-img:hover {
    opacity: 0;
    transition: 0.2s;
}

.outer-on-sale-tag {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 100;
    padding: 3px 10px;
    font-size: 12px;
    background-color: #8a0f0f;
    color: #fff;
}

.outer-sold-out-text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-family: 'gothbold';
    text-transform: uppercase;
    padding: 5px 10px 3px;
    letter-spacing: 1px;
    display: inline-block;
    font-size: 15px;
    width: 140px;
    text-align: center;
}

#collection-grid .wishlist-btn {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 10px;
    color: #fff;
    opacity: 0;
    transition: 0.5s;
    z-index: 20;
}

#collection-grid .wishlist-btn.is-active svg {
    fill: #ffffff !important;
}

.product-item:hover .wishlist-btn {
    opacity: 1 !important;
    transition: 0.5s;
}

.product-item {
    margin-bottom: 40px;
}

.product-content h4 {
    font-family: 'gothblack';
    font-size: 13px;
    display: block;
    margin-top: 10px;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.product-content h4 {
    margin-bottom: 0px;
}

.product-thumb img {
    width: 100%;
    margin-bottom: 0px;
}

.product-content .price {
    font-family: 'gothregular';
    font-size: 14px;
    letter-spacing: 1px;
    color: #000;
    display: inline-block;
}

s.price {
    color: #5f5f5f !important;
}

.sort-button {
    margin-bottom: 20px;
    font-family: 'gothregular';
    text-transform: uppercase;
    font-size: 13px;
}

.sort-button select {
    -webkit-appearance: none;
    border: none;
    background: none;
    font-family: 'gothmedium';
    text-transform: uppercase;
    margin-left: 10px;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    line-height: 1em;
    padding-right: 30px;
}

.sort-button .feather {
    position: relative;
    left: -25px;
    background-color: #fff;
    pointer-events: none;
}

#accordion {
    padding: 60px 0px 60px 50px;
}

#accordion h5 {
    margin-bottom: 5px;
    margin-top: 20px;
    display: block;
}

#accordion h5 a {
    font-family: 'gothmedium';
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
}

#accordion li a {
    font-family: 'gothregular';
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
}

/* SINGLE PRODUCT PAGE */
.slick-list {
    height: 100% !important;
}

#product-images-container {
    margin-bottom: 50px;
}

.image-container span {
    height: 100% !important;
}

.up-icon {
    position: absolute;
    z-index: 99;
    transform: translate(-50%, -50%) rotate(90deg);
    top: 13px;
    width: 18px;
    cursor: pointer;
    left: 50%;
}

.down-icon {
    position: absolute;
    z-index: 99;
    transform: translate(-50%, -50%) rotate(90deg);
    bottom: -7px;
    width: 18px;
    cursor: pointer;
    left: 50%;
    top: auto;
}

.related_product_image {
    width: 100%;
}

.single-product-title {
    font-family: 'gothblack';
    font-size: 24px;
    letter-spacing: 3px;
    word-spacing: 6px;
    line-height: 24px;
    flex-grow: 1;
    padding-right: 20px;
}

.collection-name a {
    color: #000;
    font-family: 'gothmedium';
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 5px;
    word-spacing: 8px;
    margin-top: 30px;
    display: block;
}

.single-product-details .price {
    font-family: 'gothregular';
    margin-top: 20px;
}

.quantity-col {
    display: flex;
    align-items: flex-end;
    font-size: 16px;
}

.quantity-col span {
    flex-grow: 1;
}

.quantity-col .price {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.quantity-col input {
    font-family: 'gothbold';
    width: 40px;
    -webkit-appearance: none;
    border: none;
    text-align: right;
    margin-right: 5px;
    border-bottom: 1px solid #000;
}

.quantity-col i {
    font-family: 'gothbold';
    font-style: normal;
    text-transform: uppercase;
}

.quantity-col .feather.feather-chevron-down {
    position: relative;
    left: -10px;
    top: -2px;
    width: 18px;
}

.sold-out-text {
    background-color: #d00000;
    border: 3px solid #d00000;
    color: #fff;
    font-family: 'gothbold';
    text-transform: uppercase;
    line-height: 1em;
    font-size: 18px;
    padding: 7px 20px 5px;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s;
    margin-bottom: 40px;
}

.main-cart-btn {
    background-color: #75F94C;
    border: 3px solid #75F94C;
    font-family: 'gothbold';
    text-transform: uppercase;
    line-height: 1em;
    font-size: 14px;
    padding: 4px 18px 2px;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s;
    margin-bottom: 40px;
}

.main-cart-btn:hover {
    transition: 0.3s;
    background-color: transparent;
    color: #75F94C;
}

.main-cart-btn .feather-arrow-right {
    position: relative;
    top: -1px;
    width: 18px;
}

.cart-col {
    display: flex;
    font-family: 'gothmedium';
    text-transform: uppercase;
    font-size: 14px;
    align-items: flex-end;
    margin-top: 20px;
}

.product-category {
    font-family: 'gothbold';
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.product-category select {
    -webkit-appearance: none;
    border: none;
    padding: 0px;
    border-radius: 0px !important;
    font-family: 'gothregular';
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 20px;
    line-height: 1em;
    padding: 0px;
    height: auto;
    background: none;
    padding-right: 20px;
}

.product-category select option {
    font-family: 'gothregular';
}

.product-category .feather-chevron-down {
    position: relative;
    top: -1px;
    width: 16px;
    left: -22px;
    pointer-events: none;
}

.image-container {
    cursor: crosshair;
    margin-right: 20px;
}

.message-box.error {
    background: #d00000;
    padding: 10px 20px;
    color: #fff;
    font-family: "gothregular";
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
}

.message-box.error .feather-alert-circle {
    margin-right: 20px;
    width: 35px;
}

.out-stock {
    color: #adadad;
    font-family: 'gothmedium';
}

.out-stock .feather-frown {
    width: 18px;
}

.title-box {
    display: flex;
}

.single-product-details .wishlist-btn .feather-heart {
    width: 40px;
    height: 40px;
}

/* SLIDE OUT CART */
#slide-cart {
    padding-top: 80px;
}

.wish-col {
    background: rgba(255,255,255,0.8);
}

.slide-cart-col {
    background: #fff;
}

.cart-details h1 {
    font-family: 'nbnwtype';
    letter-spacing: 5px;
    word-spacing: 5px;
    text-transform: uppercase;
    font-size: 42px;
    line-height: 44px;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #ccc;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #ababab;
}

.wishlist-details h1 {
    font-family: 'gothblack';
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 5px 6px;
    background: #76F94C;
    display: block;
}

.insp-col h1 {
    margin: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1000;
    color: #fff;
    font-family: 'gothblack';
    text-transform: uppercase;
    transition: 0.5s;
    text-align: center;
    width: 100%;
    padding: 20px;
    letter-spacing: 4px;
    font-size: 32px;
}

.wishlist-items {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.wishlist-items::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.wishlist-items a {
    padding: 10px 10px 0px;
    display: block;
}

.wishlist-items a:last-child {
    padding-bottom: 170px;
}

.wishlist-summary {
    padding: 0px 10px 10px;
    text-transform: uppercase;
    font-family: 'gothregular';
    font-size: 8px;
    letter-spacing: 1px;
}

.wishlist-summary span {
    display: block;
}

.wishlist-summary span i {
    display: inline-block;
    font-family: 'gothmedium';
    font-size: 20px;
    width: 50px;
    height: 50px;
    font-style: normal;
    padding-top: 10px;
}

.wishlist-summary span i {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slide-item-container {
    display: flex;
    margin: 20px 50px 0px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
}

.slide-item-container:last-child {
    border-bottom: none;
}

.slide-item-container .item-thumb {
    flex: 1;
}

.cart-details {
    display: flex;
    flex-direction: column;
}

.slide-cart-items {
    flex-grow: 1;
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.slide-cart-items::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.item-details {
    padding: 0px 15px;
    text-align: left;
    font-family: 'gothregular';
    font-size: 12px;
    text-transform: uppercase;
    flex: 2;
}

.item-details h3 {
    font-family: 'gothblack';
    text-align: left;
    font-size: 17px;
    letter-spacing: 2px;
    word-spacing: 4px;
}

.slide-remove-btn {
    cursor: pointer;
    display: block;
    color: #d00000;
    padding-top: 10px;
    font-family: 'gothmedium';
    font-size: 10px;
    transition: 0.4s;
}

.slide-remove-btn:hover {
    opacity: 0.4;
    transition: 0.4s;
}

.slide-remove-btn .feather-x-circle {
    width: 15px;
    position: relative;
    top: -1px;
}

.item-variant-qty input {
    -webkit-appearance: none;
    text-align: right;
    background: none;
    font-family: 'gothbold';
    font-size: 16px;
    width: 50px;
    color: #000;
    border: 1px solid #a7a7a7;
    line-height: 16px;
    padding-top: 3px;
}

.item-variant-qty {
    font-family: 'gothbold';
    font-size: 15px;
    padding-top: 10px;
}

.item-variant-qty .feather {
    width: 18px;
    position: relative;
    top: -1px;
    margin: 0px 5px;
    cursor: pointer;
    transition: 0.4s;
}

.item-variant-qty .feather-plus-circle:hover {
    color: #76F94C;
    transition: 0.4s;
}

.item-variant-qty .feather-minus-circle:hover {
    color: #d00000;
    transition: 0.4s;
}

.item-final-price {
    font-family: 'gothregular';
    font-size: 16px;
    text-transform: capitalize;
    margin-top: 10px;
}

.slide-cart-total {
    padding: 30px 20px;
    border-top: 1px solid #ccc;
    margin: 0px 30px;
    font-family: 'gothregular';
    text-align: left;
    font-size: 17px;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.slide-cart-amount {
    font-family: 'gothbold';
    float: right;
}

.ship-note {
    text-align: center;
    text-transform: none;
    font-size: 12px;
    line-height: 12px;
    margin: 20px;
    color: #ccc;
    letter-spacing: 1px;
}

.checkout-btn {
    text-align: right;
}

.checkout-btn span {
    background: #76F94C;
    padding: 10px 30px 8px;
    font-family: 'gothbold';
    line-height: 1em;
    font-size: 20px;
    position: relative;
    top: 4px;
    transition: 0.4s;
}

.checkout-btn .feather {
    position: relative;
    top: -2px;
}

.checkout-btn a:hover span {
    color: #fff;
    transition: 0.4s;
}

.checkout-btn a {
    display: inline-block;
}

.checkout-btn i {
    border-top: 27px solid #76F94C;
    border-right: 16px solid transparent;
    width: 20px;
    display: inline-block;
    position: relative;
    top: 10px;
    height: 100%;
    left: -3px;
}

.checkout-btn img {
    width: 60px;
}

.lookbook-article-block {
    font-family: 'gothblack';
    font-size: 15px;
    letter-spacing: 2px;
    word-spacing: 4px;
    margin-bottom: 30px;
}

.lookbook-article-block img {
    margin-bottom: 10px;
}

.lookbook-links a {
    margin: 20px 0px 0px;
    padding: 0 !important;
}

.all-lookbooks {
    padding-top: 0px;
    padding-bottom: 50px;
    display: block;
}

.lookbook-article-block figure {
    width: 100%;
    padding-top: 66.66%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.article-hero {
    min-height: 100vh;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-article-title {
    font-family: 'gothblack';
    margin: 35px 10px 50px;
    font-size: 17px;
    letter-spacing: 2px;
    word-spacing: 5px;

}

.inner-article-items {
    margin: 15px;
}

.inner-article-items figure {
    height: 300px;
    width: 100%;
    margin-bottom: 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.inner-article-items h2 {
    font-family: 'gothblack';
    font-size: 14px;
    margin-top: 15px;
    letter-spacing: 2px;
    word-spacing: 4px;
    padding: 0px 30px;
}

.inner-article-items a {
    width: 400px;
    display: inline-block;
}

.article-hero-video {
    transition: all 1s ease-in-out;
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding-bottom: 56.25%;
}

.article-hero-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



.project-category-container {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.project-category-title {
    font-family: 'nbnwtype';
    text-transform: uppercase;
    font-size: 45px;
    padding: 0px 10px 0px 30px;
    font-style: italic;
    letter-spacing: 1px;
    /*-webkit-text-fill-color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #ababab;*/
}

.project-category-border {
    flex-grow: 1;
    border-left: 3px solid transparent;
    border-bottom: 10px solid #ababab;
}

.pro-cat-1 .project-category-title {
    color: #0078ff !important;
}

.pro-cat-1 .project-category-border {
    border-bottom: 10px solid #0078ff !important;
}

.pro-cat-2 .project-category-title {
    color: #ffec03 !important;
}

.pro-cat-2 .project-category-border {
    border-bottom: 10px solid #ffec03 !important;
}

.pro-cat-3 .project-category-title {
    color: #f900c7 !important;
}

.pro-cat-3 .project-category-border {
    border-bottom: 10px solid #f900c7 !important;
}

.pro-cat-4 .project-category-title {
    color: #ff8400 !important;
}

.pro-cat-4 .project-category-border {
    border-bottom: 10px solid #ff8400 !important;
}

.gradient-header-container {
    height: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.white-gradient {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.avenir-page-title h1 {
    font-family: 'gothblack';
    letter-spacing: 5px;
    word-spacing: 10px;
    text-transform: uppercase;
    font-size: 40px;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
}

.about-page-title h1 {
    font-family: 'davida';
    text-transform: uppercase;
    color: #EB48A7;
    font-size: 60px;
    text-shadow: 2px 3px 0px #EB48A7;
    -webkit-text-stroke: 2px white;
}

.sizing-page-title h1 {
    font-family: 'davida';
    text-transform: uppercase;
    color: #4864F6;
    font-size: 60px;
    text-shadow: 2px 3px 0px #4864F6;
    -webkit-text-stroke: 2px white;
}

.roses img {
    position: fixed;
    z-index: 100;
    width: 300px;
    top: 40%;
}

.roses .left { 
    left: -100px;
}

.roses .right {
    right: -100px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.plane img {
    position: fixed;
    z-index: 100;
    width: 300px;
    top: 40%;
}

.plane .left { 
    left: -20px;
}

.plane .right {
    right: -20px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.hand-faq img {
    position: fixed;
    z-index: 100;
    width: 300px;
    top: 40%;
}

.hand-faq .left { 
    left: -20px;
}

.hand-faq .right {
    right: -20px;
}

.hand-customer img {
    position: fixed;
    z-index: 100;
    width: 350px;
    top: 40%;
}

.hand-customer .right {
    position: fixed;
    z-index: 100;
    width: 350px;
    top: 40%;
    right: 0;
}

.about-content {
    font-family: 'sourcecode';
    font-size: 16px;
    line-height: 22px;
}

.about-content p {
    margin-bottom: 40px;
}

.inner-nav-btns {
    font-family: 'gothregular';
    margin-bottom: 40px;
}

.inner-nav-btns .feather {
    position: relative;
    top: -1px;
}

.faq-page-title h1 {
    font-family: 'davida';
    text-transform: uppercase;
    color: #5AAABD;
    font-size: 60px;
    text-shadow: 2px 3px 0px #5AAABD;
    -webkit-text-stroke: 2px white;
}

.faq-content h4 {
    font-family: 'gothbold';
    font-size: 17px;
    letter-spacing: 1px;
    word-spacing: 2px;
    margin-bottom: 0px;
    line-height: 20px;
}

.faq-content p {
    font-family: 'sourcecodelight';
    margin-bottom: 40px;
}

.phone img {
    position: fixed;
    z-index: 100;
    width: 300px;
    top: 40%;
}

.phone .left { 
    left: -20px;
}

.phone .right {
    right: -20px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.contact-page-title h1 {
    font-family: 'davida';
    text-transform: uppercase;
    color: #A82B24;
    font-size: 60px;
    text-shadow: 2px 3px 0px #A82B24;
    -webkit-text-stroke: 2px white;
}


.years-div {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.press-articles-container {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.press-articles-container::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.featured-press {
    display: inline-block;
    width: 300px;
    padding: 15px;
}

.featured-press figure {
    width: 100%;
    height: 400px;
    display: block;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
}

.featured-press h3 {
    font-family: 'gothmedium';
    font-size: 14px;
    text-align: center;
}

.timeline-container {
    overflow: auto;
    padding-bottom: 30px;
}

.year-marks {
    min-width: 750px;
}

.years-ind {
    font-family: 'gothregular';
    cursor: pointer;
}

.years-ind u {
    text-decoration: none;
}

.years-ind.current-year u {
    position: relative;
    top: 2px;
}

.years-ind .feather {
    color: #76F94C;
    width: 25px;
    fill: #fff;
    background: #fff;
    padding: 0px 4px;
}

.current-year {
    font-family: 'gothbold';
}

.current-year .feather {
    fill: #76F94C;
}

.timeline-border {
    width: 100%;
    height: 2px;
    background: #CCCCCB;
    position: relative;
    top: 15px;
    min-width: 720px;
}

.timeline-heading {
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
    font-size: 40px;
    margin-bottom: 20px !important;
}

.featured-press-slider {
    border-bottom: 5px solid #000;
    padding-bottom: 50px;
    margin-bottom: 30px;
}

.press-single-inner {
    width: 400px !important;
    margin: 20px;
    margin-top: 20px;
    display: inline-block;
}

.press-single-inner h2 {
    font-family: 'gothblack';
    font-size: 19px;
    letter-spacing: 2px;
    word-spacing: 4px;
    padding: 10px 20px 0px;
    text-transform: uppercase;
}

.featured-press-slider .press-single-inner figure {
    width: 100%;
    height: 500px;
    border: 1px solid #ccc;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}

.press-page-title h1 {
    font-family: 'davida';
    text-transform: uppercase;
    color: #7E54F5;
    font-size: 60px;
    text-shadow: 2px 3px 0px #7E54F5;
    -webkit-text-stroke: 2px white;
}

.universe-single-item {
    margin-bottom: 20px;
    padding-top: 10px;
}

.universe-single-item figure {
    width: 100%;
    padding-top: 133.33%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.universe-single-item a {
    border: 1px solid #000;
    display: block;
    padding: 15px;
}

.universe-single-item h2 {
    font-family: 'gothblack';
    font-size: 15px;
    text-align: left;
    text-transform: uppercase;
}

.universe-single-excerpt {
    font-family: 'gothregular';
    text-align: left;
    font-size: 13px;
    line-height: 15px;
}

.universe-single-item .article_tag {
    font-family: 'nbnwtype';
    font-size: 22px;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 1px;
    display: flex;
}  

.universe-single-item .article_tag .left-line {
    border-right: 4px solid transparent !important;
}

.universe-single-item .article_date {
    display: block;
    text-align: left;
    font-family: 'gothregular';
    font-style: italic;
    font-size: 12px;
    margin-bottom: 10px;
}

.universe-single-read-more {
    font-family: 'gothregular';
    display: block;
    margin-top: 15px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
}

.base-tag-bar.textile {
    color: #e7b633;
}

.base-tag-bar.textile .left-strip {
    border-top-color: #e7b633;
}

.textile .article_tag {
    color: #e7b633;
}

.textile .article_tag .left-line {
    border-top: 7px solid #e7b633;
}

.textile a {
    border: 2px solid #e7b633;
}

.textile .universe-single-read-more {
    color: #e7b633;
}

.base-tag-bar.food {
    color: #53B35E;
}

.base-tag-bar.food .left-strip {
    border-top-color: #53B35E;
}

.food .article_tag {
    color: #53B35E;
}

.food .article_tag .left-line {
    border-top: 7px solid #53B35E;
}

.food a {
    border: 2px solid #53B35E;
}

.food .universe-single-read-more {
    color: #53B35E;
}

.base-tag-bar.style {
    color: #fd088b;
}

.base-tag-bar.style .left-strip {
    border-top-color: #fd088b;
}

.style .article_tag {
    color: #fd088b;
}

.style .article_tag .left-line {
    border-top: 7px solid #fd088b;
}

.style a {
    border: 2px solid #fd088b;
}

.style .universe-single-read-more {
    color: #fd088b;
}

.base-tag-bar.people {
    color: #c8f834;
}

.base-tag-bar.people .left-strip {
    border-top-color: #c8f834;
}

.people .article_tag {
    color: #c8f834;
}

.people .article_tag .left-line {
    border-top: 7px solid #c8f834;
}

.people a {
    border: 2px solid #c8f834;
}

.people .universe-single-read-more {
    color: #c8f834;
}

.base-tag-bar.oh-aunty-ji {
    color: #61bfc9;
}

.base-tag-bar.oh-aunty-ji .left-strip {
    border-top-color: #61bfc9;
}

.oh-aunty-ji .article_tag {
    color: #61bfc9;
}

.oh-aunty-ji .article_tag .left-line {
    border-top: 7px solid #61bfc9;
}

.oh-aunty-ji a {
    border: 2px solid #61bfc9;
}

.oh-aunty-ji .universe-single-read-more {
    color: #61bfc9;
}

.base-tag-bar.culture {
    color: #ffc1c5;
}

.base-tag-bar.culture .left-strip {
    border-top-color: #ffc1c5;
}

.culture .article_tag {
    color: #ffc1c5;
}

.culture .article_tag .left-line {
    border-top: 7px solid #ffc1c5;
}

.culture a {
    border: 2px solid #ffc1c5;
}

.culture .universe-single-read-more {
    color: #ffc1c5;
}

.the-culture-project .article_tag {
    color: #6AE246;
}

.the-culture-project .article_tag .left-line {
    border-top: 7px solid #6AE246;
}

.the-culture-project a {
    border: 2px solid #6AE246;
}

.the-culture-project .universe-single-read-more {
    color: #6AE246;
}

.travel .article_tag {
    color: #002AEF;
}

.travel .article_tag .left-line {
    border-top: 7px solid #002AEF;
}

.travel a {
    border: 2px solid #002AEF;
}

.travel .universe-single-read-more {
    color: #002AEF;
}

.filter-button-group button {
    font-family: 'nbnwtype';
    font-size: 26px;
    text-transform: uppercase;
    margin: 0px 10px;
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    background: none;
}

.filter-button-group i {
    color: #212121;
    font-size: 25px;
    font-style: normal;
    font-family: 'gothbold';
}


.modal {
    z-index: 1250;
    height: auto;
    overflow: visible;
    max-width: 740px;
    border: 2px solid #75F94C;
    border-radius: 0px;
    padding: 25px 50px;
    margin-top: 60px;
    margin-bottom: 60px;
}

.blocker {
    z-index: 1240;
}

#newsletter-home-popup h1 {
    color: #62D33F;
    font-family: 'gothblack';
    text-transform: uppercase;
    font-size: 34px;
}

#newsletter-home-popup p {
    font-family: 'gothregular';
    font-size: 20px;
    line-height: 22px;
    margin-top: 10px;
}

.roses-nl img {
    position: fixed;
    z-index: 100;
    width: 25%;
    bottom: -15%;
}

.roses-nl .left {
    left: 5%;
}

.roses-nl .right {
    right: 5%;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.nl-input {
    display: inline-block;
    width: 70%;
    font-family: 'sourcecodelight';
    -webkit-appearance: none;
    border: 2px solid #75F94C;
    padding: 10px 20px;
    line-height: 20px;
    font-size: 18px;
    margin-bottom: 10px;
}

.nl-submit {
    display: inline-block;
    -webkit-appearance: none;
    font-family: 'gothmedium';
    text-transform: uppercase;
    background: #B3B3B3;
    border: none;
    font-size: 18px;
    line-height: 20px;
    padding: 8px 20px 5px;
    color: #fff;
    transition: 0.4s;
}

.nl-submit:hover {
    background: #75F94C;
    transition: 0.4s;
}

.nl-error-msg {
    font-size: 11px !important;
    margin-bottom: 0px;
    max-width: 100%;
    color: #bf1424;
}

#cookie-msg {
    position: fixed;
    z-index: 990;
    bottom: 0;
    width: 100%;
    padding: 30px;
    background: rgba(255,255,255,0.8);
    font-family: 'gothregular';
    font-size: 15px;
    line-height: 16px;
}

.cookie-dismiss {
    display: inline-block;
    border: 2px solid #75F94C;
    padding: 10px 30px;
    float: right;
    cursor: pointer;
    transition: 0.4s;
}

.cookie-dismiss:hover {
    background: #75F94C;
    transition: 0.4s;
}

.footer-nl {
    margin-top: 20px;
}

.footer-nl-input {
    font-family: 'gothregular';
    -webkit-appearance: none;
    border: none;
    padding: 5px 10px;
    border-right: 1px solid #000;
    width: 100%;
}

.footer-nl-submit {
    -webkit-appearance: none;
    background: none !important;
    margin: 0px;
    border: none;
    text-transform: uppercase;
    position: relative;
    top: 4px;
}

.footer-nl-error-msg {
    margin-top: 10px;
    font-family: 'gothregular';
    font-size: 11px;
}

#footer-mc_embed_signup_scroll {
    display: flex;
    margin: 0px 40px;
    border: 1px solid #000;
}

#footer-mc_embed_signup_scroll .mc-field-group {
    flex-grow: 1;
}

.previous_next_buttons {
    margin-top: 30px;
}

.previous_next_buttons a {
    font-family: 'gothblack';
    text-transform: uppercase;
    margin: 10px 30px;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;
    word-spacing: 4px;
}

.previous_next_buttons a .feather {
    position: relative;
    top: -1px;
    margin: 0px 10px;
}

.article-left {
    float: left;
}

.article-right {
    float: right;
}

.project-single-title {
    font-family: 'gothmedium';
    font-size: 24px;
    letter-spacing: 4px;
    word-spacing: 8px;
    margin-top: 40px;
}

.images-left {
    overflow: scroll;
    height: 90vh;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.images-left::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.images-left img {
    max-width: 100%;
    width: 100%;
}

.images-left iframe {
    width: 100%;
}

.project-single-content {
    overflow: hidden;
}

.project-single-content .row {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.project-single-content .row::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.single-content-right {
    display: flex;
    flex-direction: column;
    font-family: 'gothregular';
    font-size: 14px;
    line-height: 20px;
    overflow: scroll;
    padding: 70px 30px 20px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.single-content-right::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.single-content-right h6 {
    font-size: 13px;
    margin-top: 50px;
}

.single-content-right h6 a {
    text-decoration: underline !important;
}

.single-content-up {
    margin-bottom: 60px;
}

.single-content-down {
    margin-top: auto;
    display: flex;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-decoration: none;
}

.project-btn-left {
    flex: 1;
}

.project-btn-right {
    flex: 1;
    text-align: right;
}

.single-content-down .feather {
    width: 14px;
    position: relative;
    top: -1px;
    margin: 0px 5px;
}

#search-popup {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

#search-popup input[type="text"] {
    -webkit-appearance: none;
    border: none;
    background: none;
    color: #fff;
    font-size: 70px;
    font-family: 'gothregular';
    display: block;
    width: 100%;
    text-align: center;
}

#search-popup input[type="text"]::placeholder {
    color: rgba(255,255,255,0.4);
}

#search-sub-btn {
    background: #76F94C;
    padding: 10px 30px 6px;
    font-family: 'gothbold';
    line-height: 1em;
    font-size: 20px;
    position: relative;
    top: 4px;
    border: 2px solid #76F94C;
    -webkit-appearance: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#search-sub-btn .feather {
    width: 18px;
    position: relative;
    top: -2px;
    margin-left: 5px;
}

.search-count {
    font-family: 'gothregular';
    letter-spacing: 1px;
    word-spacing: 2px;
    margin-bottom: 30px;
    display: block;
}

.search-count b {
    font-family: 'gothmedium';
}

.search-item {
    border: 2px solid #76F94C;
    padding: 20px;
    margin-bottom: 40px;
}

.search-featured-img {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
}

.search-item-title {
    font-family: 'gothblack';
    letter-spacing: 1px;
    word-spacing: 2px;
    display: block;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
}

.search-item-date {
    font-family: 'gothregular';
    font-size: 12px;
    line-height: 14px;
}

.press-inner-main-content img {
    max-width: 100%;
}

.press-inner-years-container {
    display: flex;
}

.press-inner-years {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.press-single-year-container {
    display: flex;
    flex-direction: column;
    min-height: 100px;
}

.press-year-title {
    flex-grow: 1;
    display: flex;
}

.press-year-title span {
    margin-top: auto;
    margin-bottom: auto;
    font-family: 'sourcecodebold';
    font-size: 13px;
    line-height: 14px;
    margin-left: 60px;
}

.press-single-year-count .feather {
    color: #76F94C;
    width: 25px;
    fill: #fff;
    background: #fff;
    padding: 0px 4px;
    position: relative;
    top: -1px;
    margin-right: 10px;
}

.press-single-year-count.this-press-year {
    font-family: 'gothbold';
}

.this-press-year .feather {
    fill: #76F94C;
}

.vertical-border-timeline {
    border-left: 2px solid #CCCCCB;
    position: relative;
    left: 28px;
}

.sizing-table th {
    font-family: 'gothblack';
    font-size: 14px;
    letter-spacing: 1px;
    padding: 10px;
}

.sizing-table td {
    font-family: 'gothregular';
    font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 2px;
    padding: 10px;
}

.sizing-table td i {
    font-style: normal;
    text-transform: uppercase;
    font-size: 10px;
}

.table-left-heading {
    font-family: 'gothblack' !important;
}

.table-border-top {
    border-top: 2px solid #75F94C;
}

.table-border-left {
    border-left: 2px solid #75F94C;
}

.sizing-subheading {
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

.universe-single-title {
    font-family: 'gothblack';
    font-size: 32px;
    text-transform: uppercase;
    letter-spacing: 2px;
    word-spacing: 4px;
    margin-top: 40px;
    margin-bottom: 10px;
}

.universe-meta {
    font-family: 'gothmedium';
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
    margin-bottom: 40px;
}

.universe-excerpt {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.universe-content img {
    width: 100%;
}

.nav-pills .nav-item .nav-link {
    color: #000 !important;
    text-shadow: none;
    background: none !important;
    font-family: 'gothmedium';
    font-size: 13px;
    margin: 0px;
    margin-right: 10px;
    padding: 3px 10px 0px 0px;
    border-right: 2px solid #000;
    border-radius: 0px;
    line-height: 14px;
}

.nav-pills .nav-item:last-child .nav-link {
    border-right: none !important;
}

.nav-pills .nav-item .nav-link.active {
    font-family: 'gothblack';
}

.play-banner {
    width: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
}

.play-banner:hover {
    opacity: 0.5;
    transition: 0.5s;
}


.inner-cart-table td, th {
    vertical-align: middle !important;
    text-align: center;
}

.inner-cart-table .product-info {
    text-align: left;
    display: flex;
    align-items: center;
}

.inner-cart-table th {
    font-family: 'gothblack';
    text-transform: uppercase;
    letter-spacing: 2px;
    word-spacing: 4px;
    line-height: 14px;
    font-size: 14px;
}

.inner-cart-table .product-info img {
    margin-right: 20px;
}

.inner-cart-table .money {
    font-size: 14px;
    font-family: 'gothmedium';
    display: block;
}

.inner-cart-table .product-remove {
    color: #b10000;
    font-size: 12px;
}

.inner-cart-container .cart-total {
    font-size: 18px;
    font-family: 'gothblack';
    text-transform: uppercase;
    letter-spacing: 1px;
}

.inner-cart-container .checkout-btn2 {
    background: #76F94C;
    border-radius: 0px;
    font-family: 'gothblack';
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 20px 8px;
}

.inner-cart-container .update-btn2 {
    color: #76F94C;
    background: #000;
    border-radius: 0px;
    font-family: 'gothblack';
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 20px 8px;
    margin-left: 10px;
}

.product-single-sizing {
    margin-top: 30px;
}

.product-single-sizing .brand {
    margin-bottom: 0px;
    font-family: 'gothbold';
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.product-single-sizing table {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-bottom: 30px;
}

.product-single-sizing td {
    border: 1px solid #ccc;
}

.product-single-sizing .sizetitle {
    font-family: 'gothmedium';
    text-transform: uppercase;
}

.tab-content {
    font-family: 'sourcecodelight';
    font-size: 14px;
    line-height: 17px;
}

.tab-content iframe, .tab-content img {
    max-width: 100% !important;
}

.universe-content h2, .project-single-content h2 {
    font-family: 'avenirmed';
    font-size: 22px;
    letter-spacing: 2px;
}

.universe-content h3, .project-single-content h3 {
    font-family: 'avenirmed';
    font-size: 32px;
    letter-spacing: 2px;
}

.universe-content h4, .project-single-content h4 {
    font-family: 'avenirmed';
    font-size: 46px;
    letter-spacing: 2px;
}

.universe-content h5, .project-single-content h5 {
    font-family: 'minpro';
    font-size: 22px;
    letter-spacing: 2px;
}

.universe-content h6, .project-single-content h6 {
    font-family: 'minpro';
    font-size: 32px;
    letter-spacing: 2px;
}

.universe-content blockquote, .project-single-content blockquote {
    font-family: 'minpro';
    font-size: 46px;
    letter-spacing: 2px;
}

.universe-content table {
    max-width: 650px;
    margin: 50px auto;
    width: 90%;
    text-align: left;
}

.project-single-content table {
    max-width: 650px;
    margin: 50px auto;
    width: 90%;
    text-align: left;
}

#myMosaic img {
    cursor: pointer;
}

.quickview-popup {
    max-width: 1000px;
    padding: 50px 40px;
}

.quickview-popup .collection-name a {
    margin-top: 10px;
}

.quickview-popup .single-product-details .price {
    font-family: 'gothregular';
    margin-top: 0px;
}

.quickview-popup .main-cart-btn {
    margin-bottom: 20px;
}

.quickview-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: block;
    width: 100%;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-family: 'gothmedium';
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    padding: 10px 10px 7px;
    letter-spacing: 2px;
    opacity: 0;
    cursor: pointer;
    transition: 0.3s;
}

.product-thumb:hover .quickview-btn {
    opacity: 1;
    transition: 0.3s;
}

.quickview-btn:hover {
    background: rgba(0,0,0,0.8);
    transition: 0.3s;
}

.quickview-btn .feather {
    width: 18px;
    position: relative;
    top: -1px;
    left: -2px;
}

.qv-variant-dropdown {
    font-family: 'gothbold';
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.qv-variant-dropdown select {
    -webkit-appearance: none;
    border: none;
    padding: 0px;
    border-radius: 0px !important;
    font-family: 'gothregular';
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 20px;
    line-height: 1em;
    padding: 0px;
    height: auto;
    background: none;
    padding-right: 20px;
}

.qv-variant-dropdown select option {
    font-family: 'gothregular';
}

.qv-variant-dropdown .feather-chevron-down {
    position: relative;
    top: -1px;
    width: 16px;
    left: -22px;
    pointer-events: none;
}

.qv-view-more {
    color: #75F94C;
    background: #000;
    display: block;
    font-family: 'gothbold';
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    letter-spacing: 1px;
    word-spacing: 2px;
}

.universe-content iframe {
    width: 100%;
}

.generic-page-content img {
    max-width: 100%;
}

#shopify-section-nbnw-universe-single .article-hero {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.base-tag-bar {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-bottom: 30px;
}

.left-strip {
    flex-grow: 1;
    border-right: 4px solid transparent !important;
    border-top: 10px solid;
}

.right-inner-tag {
    font-family: 'nbnwtype';
    font-size: 28px;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 1px;
    padding: 0px 20px;
    position: relative;
    top: -15px;
}

.style-filter {
    color: #fd088b;
}

.people-filter {
    color: #c8f834;
}

.culture-filter {
    color: #ffc1c5;
}

.textile-filter {
    color: #e7b633;
}

.oh-aunty-ji-filter {
    color: #61bfc9;
}

.all-filter {
    color: #c66dfb;
}

.project-fixed-content {
    height: 100vh !important;
    position: fixed;
    right: 0;
}

.slick-dots {
    bottom: 40px;
}

#gs-container {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

.gs-front {
    width: 100%;
    height: 90%;
    z-index: 20;
    background-size: cover;
    background-position: top;
    position: fixed;
}

.spinning-logo {
    position: absolute;
    z-index: 50;
    top: 50%;
    left: 50%;
    transform: translate(-70%, -50%);
    text-align: center;
}

.spinning-logo img {
    width: 46%;
}

.gs-floor {
    width: 100%;
    position: fixed;
    z-index: 16;
    bottom: 0px;
    left: 0;
}

.gs-logo {
    width: 20%;
    position: absolute;
    z-index: 10;
    top: 2%;
    left: 35%;
}

.gs-top-left {
    width: 4%;
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 4%;
}

.gs-top-right {
    width: 4%;
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 83%;
}

.gs-torani {
    position: absolute;
    top: 18%;
    left: 30%;
    width: 29%;
    z-index: 15;
}

.gs-shelf {
    position: fixed;
    top: 8.5%;
    left: 60.8%;
    width: 30%;
    z-index: 16;
}

.gs-paintings {
    position: absolute;
    top: 22%;
    left: 5%;
    width: 280px;
    z-index: 15;
}

.gs-chatai {
    position: absolute;
    bottom: 13%;
    left: 13%;
    width: 74%;
    z-index: 15;
}

.gs-thela {
    position: absolute;
    bottom: -10%;
    right: 9%;
    width: 31%;
    height: 300px;
    z-index: 15;
}

.gs-crate {
    position: absolute;
    bottom: -5%;
    left: 2.2%;
    width: 32%;
    z-index: 15;
}

.gs-tiger {
    position: absolute;
    bottom: -6%;
    left: 38%;
    width: 15%;
    z-index: 15;
}

.gs-thela-upper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.gs-wheel-fr-rt {
    position: absolute;
    top: 36%;
    left: 13%;
    width: 38%;
    z-index: 90;
}

.gs-wheel-fr-lt {
    position: absolute;
    top: 36%;
    right: 5%;
    width: 38%;
    z-index: 90;
}

.gs-wheel-rr-rt {
    position: absolute;
    top: 34%;
    left: 18%;
    width: 32%;
    z-index: 80;
}

.gs-wheel-rr-lt {
    position: absolute;
    top: 36%;
    right: 13%;
    width: 30%;
    z-index: 80;
}