/*------------------------------- Containers --------------------------------*/
body {
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
}
html {
  height: -webkit-fill-available;
}

.wrap{
    margin: 0 auto;
    max-width: 1544px;
    overflow: hidden;
    padding: 0 40px;
    position: relative;
}
.wrap-wide{
    margin: 0 auto;
    max-width: 1790px;
    padding: 0 40px;
}
.wrap-article{
    margin: 0 auto;
    max-width: 1050px;
    padding: 0 40px;
}
.wrap-article-wide{
    margin: 0 auto;
    max-width: 1540px;
    overflow: hidden;
    padding: 0 40px;
}
.wrap-article-medium{
    margin: 0 auto;
    max-width: 1296px;
    overflow: hidden;
    padding: 0 40px;
}

.content-within-display {
    margin: 0 auto 30px;
}
/*------------------------------- Tiles --------------------------------*/
.tile .image-container,
.tile .marketplace-category-image-wrapper{
    position: relative;
}
.tile .marketplace-category-image-wrapper{
    padding-bottom: 100%;
}
.marketplace-category-title {
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 1.6;
    margin-top: 0.7em;
    transition: all 0.2s ease;
}
@media all and (max-width: 768px){
    .tile .marketplace-category-image-wrapper{
        padding-bottom: 122%;
    }
    .marketplace-category-title{
        margin-top: 9px;
    }
    .tile.marketplace-landing-category-tile {
        margin-bottom: 20px;
    }
}

/*------------------------------- Hover state --------------------------------*/
.tile-title .item-name:hover{
    color: inherit;
}
.image-container:nth-child(1):hover{
    opacity: 1;
}
.tile .image-container,
.tile .image-container:after,
.tile .image-container:nth-child(1),
.tile-title .item-name,
.tile-sibtitle,
.tile-description{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.tile:hover .tile-title .item-name,
.tile:hover .tile-sibtitle,
.tile:hover .subtitle,
.tile:hover .tile-description,
.tile:hover .marketplace-category-title{
    color: #666;
}
.background-image-tile:hover .tile-title .item-name,
.background-image-tile:hover .tile-sibtitle,
.background-image-tile:hover .tile-description{
    color: #fff;
}
.tile .image-container:after,
.tile .marketplace-category-image-wrapper:after {
    background: rgba(0, 0, 0, 0.2);
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease;
}
.tile:hover .image-container:after,
.tile:hover .marketplace-category-image-wrapper:after{
    opacity: 1;
}
.no-overlay .tile:hover .image-container:after{
    opacity: 0;
}

/*------------------------------- Typography --------------------------------*/

.main,
.article-body,
.tile-title .item-name,
.home-section-title,
.underlined-section-title, 
.subtext{
    color: #000;
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 400;
}
.subtitle, .tile-subtitle{
    color: #000;
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 300;
}
.description,
.tile-description{
    color: #000;
    font-family: 'Times Now', sans-serif;
    font-weight: 350;
}
.body-text{
    color: #000;
    font-family: 'Times Now', sans-serif;
    font-weight: 350;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
}
.body-text-small{
    color: #000;
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
}
@media all and (max-width: 1024px){
    .body-text-small{
        font-size: 13px;
        line-height: 1.7;
    }
}
@media all and (max-width: 768px){
    .body-text-small{
        font-size: 12px;
    }
}
@media all and (max-width: 640px){
    .body-text-small{
        font-size: 11px;
    }
}

/*--------- Regular Tile Text-------------*/

.tile-title .item-name,
.tile-sibtitle,
.homepage-section-title{
    letter-spacing: -0.02em;
}
.homepage-section-title{
    line-height: 1.2;
}
.tile-title .item-name,
.tile-sibtitle{
    font-size: 28px;
    line-height: 1.2;
    max-height: 1.2em;
    overflow: hidden;
}
.tile-description{
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
    max-height: none;
}

@media all and (max-width: 1024px){
    .tile-description{
        font-size: 12px;
    }
}
@media all and (max-width: 640px){
    .body-text{
        font-size: 12px;
    }
}

@media all and (max-width: 1300px){
    .tile-description {
        max-height: none;
    }
}

/*--------- Large Tile Text-------------*/

.two-images-tile .tile-title .item-name,
.two-images-tile .item-name,
.two-images-tile .designer-name,
.split-tile .item-name{
    font-size: 50px;
    line-height: 1.2;
    max-height: 1.2em;
}
.two-images-tile .tile-sibtitle,
.background-image-tile .tile-title .item-name,
.split-tile .tile-sibtitle,
.split-tile .subtitle,
.homepage-section-title{
    font-size: 50px;
    font-weight: 300;
}

/*--------- Titles -------------*/

.h1-title{
    font-family: 'Suisse Intl', sans-serif;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: -0.02em;
}
.h1-subtitle{
    font-family: 'Suisse Intl', sans-serif;
    font-size: 50px;
    font-weight: 300;
    letter-spacing: -0.02em;
}
.h2-title{
    font-family: 'Suisse Intl', sans-serif;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -0.02em;
}
.h2-subtitle{
    font-family: 'Suisse Intl', sans-serif;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -0.02em;
}
.large-intro{
    font-family: 'Times Now', serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
}
.h1-title, .h1-subtitle{
    line-height: 1.1;
}
.nav-title{
    font-family: 'Suisse Intl', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}


.home-section-title,
.underlined-section-title {
    border-bottom: 1px solid #666;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 1.2;
    margin-bottom: 40px;
    padding-bottom: 35px;
}
.underlined-more-button{
    color: #999;
    letter-spacing: 0.02em;
    float: right;
}
a.underlined-more-button:after,
.underlined-more-button a:after,
.home-section-more a:after,
.archive-load-more a:after {
    background-image: url("../images/Nav arrow-right.svg");
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 9px;
    margin-left: 10px;
    width: 14px;
}
a.underlined-more-button:hover:after,
.underlined-more-button a:hover:after,
.home-section-more a:hover:after,
.archive-load-more a:hover:after{
    background-image: url(../images/arrow-left-black.svg);
    left: -1px;
    position: relative;
    transform: rotate(180deg);
}
.underlined-more-button a:hover,
.home-section-more a:hover,
.archive-load-more a:hover{
    color: #000;
}
@media all and (max-width: 1366px){
    .tile-title .item-name, .tile-sibtitle{
        font-size: 22px;
    }
    .two-images-tile .tile-title .item-name,
    .split-tile .item-name,
    .two-images-tile .tile-sibtitle,
    .background-image-tile .tile-title .item-name,
    .split-tile .tile-sibtitle,
    .split-tile .subtitle,
    .homepage-section-title{
        font-size: 40px;
    }
}
@media all and (max-width: 1024px){
    .tile-title .item-name, .tile-sibtitle{
        font-size: 20px;
    }
    .two-images-tile .tile-title .item-name,
    .split-tile .item-name,
    .two-images-tile .tile-sibtitle,
    .background-image-tile .tile-title .item-name,
    .split-tile .tile-sibtitle,
    .split-tile .subtitle,
    .homepage-section-title{
        font-size: 32px;
    }
}
@media all and (max-width: 768px){
    .home-section-title,
    .underlined-section-title{
        font-size: 11px;
        margin-bottom: 27px;
        padding-bottom: 20px;
    }
    .archive-load-more{
        margin-bottom: 34px;
        margin-top: 19px;
        text-align: center;
    }
    .archive-load-more a{
        border: 1px solid #000;
        border-radius: 30px;
        color: #000;
        display: inline-block;
        font-size: 10px;
        height: 25px;
        line-height: 24px;
        padding: 0 19px;
    }
    .archive-load-more a:after{
        background-image: url(../images/arrow-left-black.svg);
        margin-left: 3px;
        transform: rotate(-90deg);
    }
    .archive-load-more a:hover:after{
        background-image: url(../images/arrow-left-black.svg);
        left: auto;
        transform: rotate(-90deg);
    }
    .archive-load-more a:hover{
        background: #202020;
        color: #fff;
    }
    .archive-load-more a:hover:after{
        background-image: url(../images/slider_arrows/white-arrow-left.svg);
    }
}
.subtext{
    font-size: 12px;
    letter-spacing: 0.02em;
}
.gray-text{
    color: #999;
}
/*-------------------------------  Links Animation --------------------------------*/
.archive-subcat,
.help-col-link,
.marketplace-filter,
.marketplace-sort-filter,
.filter-submenu-item{
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.archive-subcat a:hover:before,
.help-col-link a:hover:before,
.marketplace-filter-inner:hover:before,
.marketplace-sort-filter:hover:before,
.filter-submenu-item:hover:before {
    -webkit-animation-name: _3pwGd ;
    animation-name: _3pwGd ;
    display: block;
}
.archive-subcat a:before,
.help-col-link a:before,
.marketplace-filter-inner:before,
.marketplace-sort-filter:before,
.filter-submenu-item:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid;
    bottom: 0;
    display: block;
    left: 0;
    right: auto;
    margin: 0;
    height: 1px;
    width: 100%;
    -webkit-animation-name: _2xYog;
    animation-name: _2xYog;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.19,1,.22,1);
    animation-timing-function: cubic-bezier(.19,1,.22,1);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.archive-subcat a:before,
.help-col-link a:before{
    background: #ccc;
}


/*------------------------------- Buttons --------------------------------*/
.button a, 
.button .link{
    height: 35px;
    line-height: 35px;
    font-family: "Suisse Intl Buttons", sans-serif;
    text-transform: none;
}
.button .plus {
    display: inline-block;
    height: 17px;
    margin-left: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 17px;
}
.button .plus:before {
    border-left: 1px solid #202020;
    content: '';
    display: block;
    height: 100%;
    left: 8px;
    position: absolute;
    transition: all 0.2s ease;
}
.button .plus:after {
    border-bottom: 1px solid #202020;
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    transition: all 0.2s ease;
    width: 100%;
}
.button a:hover .plus:before,
.button a:hover .plus:after{
    border-color: #fff;
}
@media all and (max-width: 640px){
    .button a,
    .button .link{
        font-size: 10px;
        height: 25px;
        line-height: 24px;
        min-width: 92px;
        padding: 0 10px;
    }
    .button .plus {
        height: 11px;
        margin-left: 5px;
        top: -1px;
        width: 11px;
    }
    .button .plus:before {
        left: 5px;
    }
    .button .plus:after {
        top: 5px;
    }
}
/*--------- TRansparent to White Buttons----------*/
.background-image-tile .button a,
.background-image-tile .button .link,
.featured-post-button a,
.view-gallery-button a{
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.background-image-tile .button a:hover,
.background-image-tile .button .link:hover,
.featured-post-button a:hover{
    background: #fff;
    border-color: #fff;
    color: #202020;
}
/*------------------------------- Forms --------------------------------*/
.rollout-menu form, 
footer .subscription-form form{
    position: relative;
}
.rollout-menu input[type="text"],
.rollout-menu-subscribe input[type="email"],
footer .subscription-form input[type="email"]{
    background: transparent;
    border-width: 0 0 1px 0;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 36px;
    padding: 0 50px 0 0;
    width: 100%;
}
.rollout-menu input[type="text"],
.rollout-menu-subscribe input[type="email"]{
    font-family: 'Times Now', serif;
    line-height: 36px;
}
footer .subscription-form input[type="email"]{
    font-family: 'Suisse Intl', sans-serif;
    padding-bottom: 3px;
    position: relative;
    top: -8px;
}
.rollout-menu input[type="submit"],
.rollout-menu-subscribe input[type="submit"],
footer .subscription-form input[type="submit"]{
    background-color: transparent;
    background-position: center right;
    background-repeat: no-repeat;
    border: none;
    height: 40px;
    position: absolute;
    overflow: hidden;
    padding: 0;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 32px;
}
.rollout-menu input[type="submit"],
.rollout-menu-subscribe input[type="submit"]{
    background-image: url(../images/in-menu-arrow.svg);
    background-size: 16px;
}
footer .subscription-form input[type="submit"]{
    background-image: url(../images/right-light-arrow.svg); 
    background-size: 20px;
    min-width: 32px;
    padding: 0;
    top: -8px;
}
/*--- Gray Form ---*/
.rollout-menu input[type="text"],
.rollout-menu-subscribe input[type="email"]{
    border-color: #999;
    color: #999;
}
.rollout-menu input[type="text"]::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #999;
  opacity: 1;
}
.rollout-menu input[type="text"]::-moz-placeholder{ /* Firefox 19+ */
  color: #999;
  opacity: 1;
}
.rollout-menu input[type="text"]:-ms-input-placeholder{ /* IE 10+ */
  color: #999;
  opacity: 1;
}
.rollout-menu input[type="text"]:-moz-placeholder{ /* Firefox 18- */
  color: #999;
  opacity: 1;
}

/*--- White Form ---*/
footer .subscription-form input[type="email"]{
    border-color: #fff;
    color: #fff;
}
footer .subscription-form input[type="email"]::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1;
}
footer .subscription-form input[type="email"]::-moz-placeholder{ /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
footer .subscription-form input[type="email"]:-ms-input-placeholder{ /* IE 10+ */
  color: #fff;
  opacity: 1;
}
footer .subscription-form input[type="email"]:-moz-placeholder{ /* Firefox 18- */
  color: #fff;
  opacity: 1;
}
footer .subscription-form .wpcf7-not-valid-tip {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.02em;
}
.footer-subscription-section .omFormC7{
    border: none;
    position: relative;
}
.footer-subscription-section .wpcf7 input[type=submit]{
    background-position: center right;
    background-size: auto;
    border: none;
    right: 0;
}
@media all and (max-width: 640px){
    .footer-subscription-section .wpcf7 input[type=submit]{
        margin-right: 10px;
    }
}


label,
input[type="radio"]{
    cursor: pointer;
}

.cf7sr-g-recaptcha > div {
    margin: 10px auto 0;
}

/*------------------------------- Banners --------------------------------*/

.homepage-after-slider-banner img, 
.home-page-header-banner img, 
.header-banner img{
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.article-small-banner{
    width: 248px;
}
.article-small-banner a{
    padding-bottom: 0;
}

@media all and (max-width: 640px){
    .header-banner{
        height: auto;
    } 
    .home-page-header-banner, .header-banner{
        padding: 10px 12px;
    }
    .header-banner img{
        display: block;
    }
}

/*------------------------------- Dividers --------------------------------*/
.divider-top:before,
.divider-bottom:after/*,
.publication-all-issues-section .wrap:after*/{
    content: '';
    display: block;
    border-top: 1px solid #666;
    margin-left: auto;
    margin-right: auto;
    max-width: 1461px;
}
.publication-split-section .wrap:before{
    border-top: 1px solid #666;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: calc(100% - 80px);
}
@media all and (max-width: 768px){
    .publication-split-section .wrap:before{
        width: calc(100% - 30px);
    }
}
@media all and (max-width: 640px){
    .publication-split-section .wrap:before{
        display: none;
    }
}

/*------------------------------- Slick Slider --------------------------------*/
/*Arrows*/
.slick-prev:before, .slick-next:before{
    opacity: 0 !important;
}
.homepage-featured-post-section .slick-prev,
.homepage-featured-post-section .slick-next,
.homepage-featured-post-section .slick-prev:hover,
.homepage-featured-post-section .slick-next:hover,
.homepage-featured-post-section .slick-prev:focus,
.homepage-featured-post-section .slick-next:focus,
/*.magazine.common-slider .slick-prev,
.magazine.common-slider .slick-next,*/
.marketplace-product-slider .slick-prev,
.marketplace-product-slider .slick-next,
#image-navigation .slick-prev,
#image-navigation .slick-next{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px !important;
    height: 35px;
    left: auto;
    opacity: 1;
    top: auto;
    width: 30px;
}
/*.homepage-featured-post-section .slick-next,*/

/*.homepage-featured-post-section .slick-prev,
.magazine.common-slider .slick-prev,
.marketplace-product-slider .slick-prev,
#image-navigation .slick-prev{
    transform: none;
}*/
/*Arrows Border*/
.homepage-featured-post-section-slider:after,
/*.magazine.common-slider:after,*/
.marketplace-product-slider:after,
#image-navigation {
    border: 1px solid;
    border-radius: 20px;
    content: '';
    display: block;
    height: 35px;
    position: absolute;
    width: 60px;
    z-index: 0;
}
/*White arrows*/

.homepage-featured-post-section .slick-prev,
.homepage-featured-post-section .slick-prev:hover,
.homepage-featured-post-section .slick-prev:focus,
.marketplace-product-slider .slick-prev,
.marketplace-product-slider .slick-prev:hover,
.marketplace-product-slider .slick-prev:focus{
    background-image: url(../images/slider_arrows/white-arrow-left.svg);
}
.homepage-featured-post-section .slick-next,
.homepage-featured-post-section .slick-next:hover,
.homepage-featured-post-section .slick-next:focus,
.marketplace-product-slider .slick-next,
.marketplace-product-slider .slick-next:hover,
.marketplace-product-slider .slick-next:focus{
    background-image: url(../images/slider_arrows/white-arrow-right.svg);
}
.homepage-featured-post-section-slider:after,
.marketplace-product-slider:after{
    border-color: #fff;
}
/*Black arrows*/
/*.magazine.common-slider .slick-prev,
.magazine.common-slider .slick-prev:hover,
.magazine.common-slider .slick-prev:focus,*/
#image-navigation .slick-prev,
#image-navigation .slick-prev:hover,
#image-navigation .slick-prev:focus{
    background-image: url(../images/slider_arrows/black-arrow-left.svg);
}
/*.magazine.common-slider .slick-next,
.magazine.common-slider .slick-next:hover,
.magazine.common-slider .slick-next:focus,*/
#image-navigation .slick-next,
#image-navigation .slick-next:hover, 
#image-navigation .slick-next:focus{
    background-image: url(../images/slider_arrows/black-arrow-right.svg);
}

/*.magazine.common-slider:after,*/
.wrap-wide.portrait-image #image-navigation,
.wrap-wide.advert-image #image-navigation,
#image-navigation{
    border-color: #000;
}

@media all and (max-width:768px){
    /* Slider Arrows*/
    .book-landing-slider .slick-prev, 
    .book-landing-slider .slick-next,
    .marketplace-product-slider .slick-prev,
    .marketplace-product-slider .slick-next,
    .publication-slider .slick-prev,
    .publication-slider .slick-next,
    .magazine.common-slider .slick-prev,
    .magazine.common-slider .slick-next{
        cursor: inherit;
        height: 35px;
        opacity: 1;
        top: auto;
        width: 35px;
    }
    .book-landing-slider .slick-prev, 
    .book-landing-slider .slick-next,
    .marketplace-product-slider .slick-prev,
    .marketplace-product-slider .slick-next,
    .publication-slider .slick-prev,
    .publication-slider .slick-next{
        background: none !important;
    }
    .magazine.common-slider .slick-prev,
    .magazine.common-slider .slick-next{
        background-size: 35px !important;
    }
    .book-landing-slider .slick-prev:after, 
    .book-landing-slider .slick-next:after,
    .marketplace-product-slider .slick-prev:after,
    .marketplace-product-slider .slick-next:after,
    .publication-slider .slick-prev:after,
    .publication-slider .slick-next:after{
        content: '';
        background-position: center;
        background-repeat: no-repeat;
        background-size: 27px;
        display: block;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
    .book-landing-slider .slick-next:after,
    .marketplace-product-slider .slick-next:after,
    .publication-slider .slick-next:after{
        background-image: url(../images/custom-cursor-right.svg);
    }
    .book-landing-slider .slick-prev:after,
    .marketplace-product-slider .slick-prev:after, 
    .publication-slider .slick-prev:after{
        background-image: url(../images/custom-cursor-left.svg);
    }

    .marketplace-product-slider:after,
    .magazine.common-slider:after{
        display: none;
    }
    .marketplace-product-slider .slick-prev,
    .publication-slider .slick-prev,
    /*.magazine.common-slider .slick-prev,*/
    .book-landing-slider .slick-prev{
        bottom: -62px;
        left: calc(50% - 40px);
    }
    .marketplace-product-slider .slick-next,
    .publication-slider .slick-next,
    /*.magazine.common-slider .slick-next,*/
    .book-landing-slider .slick-next{
        bottom: -62px;
        right: calc(50% - 40px);
    }

    /* Color Inversion on Click*/
    /*.book-landing-slider .slick-prev.clicked, 
    .book-landing-slider .slick-next.clicked,
    .marketplace-product-slider .slick-prev.clicked,
    .marketplace-product-slider .slick-next.clicked,
    .publication-slider .slick-prev.clicked,
    .publication-slider .slick-next.clicked,
    .magazine.common-slider .slick-prev.clicked,
    .magazine.common-slider .slick-next.clicked{
        background-color: #000 !important;
    }*/
    .book-landing-slider .slick-prev.clicked:after,
    .marketplace-product-slider .slick-prev.clicked:after,
    .publication-slider .slick-prev.clicked:after,
    .magazine.common-slider .slick-prev.clicked{
        background-image: url(../images/custom-cursor-left-reversed.svg);
    } 
    .book-landing-slider .slick-next.clicked:after,
    .marketplace-product-slider .slick-next.clicked:after,
    .publication-slider .slick-next.clicked:after,
    .magazine.common-slider .slick-next.clicked{
        background-image: url(../images/custom-cursor-right-reversed.svg);
    }

    .gallery-counter{
        border: 0.6px solid #000;
        border-radius: 20px;
        display: inline-block;
        font-family: "Suisse Intl Buttons", sans-serif;
        font-size: 12px;
        line-height: 12px;
        margin-top: 15px;
        padding: 6px 10px 5px;
    }
    
}
@media all and (max-width:640px){
    .gallery-counter{
        font-size: 10px;
        line-height: 10px;
        padding: 6px 7px 4px;
    }
}
/*------------------------------- Categories Tags --------------------------------*/

.tile-tag{
    border: 1px solid #666;
    border-radius: 20px;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-family: 'Suisse Intl Buttons', sans-serif;
    font-size: 12px;
    line-height: 1.2;
    margin-right: 4px;
    padding: 2px 9px;
    transition: all 0.2s ease;
}
/*.tile-tag span{
    display: inline-block;
    line-height: 22px;
    vertical-align: middle;
}*/
.tile-tag:hover{
    background: #000;
    border-color: #000;
    color: #fff;
}

/*------------------------------- Marketplace Credits --------------------------------*/
.product-credits-line{
    margin-bottom: 50px;
    overflow: hidden;
}
.product-credits-title{
    float: left;
    font-size: 28px;
    width: 49%;
}
.product-credits-value{
    float: right;
    font-weight: 300;
    width: 49%;
}
.product-credits-value.body-text-small > * {
    margin-bottom: 20px;
}
.share-title{
    margin-bottom: 8px;
}
.credits-buttons-block{
    padding-top: 19px;
    padding-left: 10px;
}
.credits-buttons-block .button{
    display: inline-block;
}
.credits-buttons-block .button a{
    font-size: 14px;
    letter-spacing: 0;
    margin-right: 10px;
    min-width: 150px;
}
@media all and (max-width: 768px){
    .product-credits-title,
    .product-credits-value,
    .product-credits-title,
    .credits-buttons-block{
        width: 100%;
    }
    .product-credits-title{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .product-credits-line{
        margin-bottom: 32px;
    }
    .credits-buttons-block {
        padding-left: 0;
        padding-top: 15px;
    }
    .credits-buttons-block .button a {
        font-size: 10px;
        letter-spacing: 0.02em;
        margin-right: 5px;
        min-width: 0;
        padding: 0px 20.5px;
        width: auto;
    }
}

/*------------------------------- Video Tiles --------------------------------*/

.video-tile .tile-thumb{
    position: relative;
}
.video-marker{
    height: 59px;
    position: absolute;
    right: 18px;
    top: 22px;
    width: 59px;
}
.video-marker svg{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.video-marker .phase1{
    opacity: 1;
}
.video-marker .phase2{
    opacity: 0;
}
.tile.display-video .video-marker .phase1{
    animation: icon_pulse_phase1 1s infinite;
}
.tile.display-video .video-marker .phase2{
    animation: icon_pulse_phase2 1s infinite;
}
.tile-tag.tile-tag-with-playbutton:after{
    border-color: transparent transparent transparent #666666;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    content: '';
    display: inline-block;
    height: 0;
    margin: 0 -2px 0 6px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 0;
}
.tile-tag.tile-tag-with-playbutton:hover:after{
    border-color: transparent transparent transparent #fff;
}
.video-tile-text{
    position: relative;
}
.display-video .item-name,
.display-video .subtitle{
    color: #666;
}
.display-video-button{
    display: none;
    position: absolute;
    right: 0;
    top: 25px;
}
.display-video-button a{
    border-color: #666;
    color: #666;
    font-size: 12px;
    height: 20px;
    letter-spacing: 0.02em;
    line-height: 20px;
    min-width: 0;
    padding: 0 9px;
}
.tile.display-video .display-video-button{
    display: block;
}
.tile-video,
.tile-image{
    position: relative;
}
@media all and (max-width: 640px){
    .tile-tag.tile-tag-with-playbutton:after{
        border-width: 4px 0 4px 6px;
    }
    .display-video-button a{
        width: auto;
    }
    .tile.display-video .video-tile-text .item-name,
    .tile.display-video .video-tile-text .subtitle{
        max-width: calc(100% - 80px)
    }
}

/*------------------------------- Listings --------------------------------*/
.sold-marker{
    background: #7C1913;
    border-radius: 1.66em;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 1.65em;
    line-height: 1.9;
    left: 1.47em;
    padding-right: 0.1em;
    position: absolute;
    text-align: center;
    top: 2.08em;
    width: 3.8em;
    z-index: 12; 
}
.col-4-section .sold-marker, 
.col-5-section .sold-marker{
    font-size: 12px;
}
@media all and (max-width:768px){
    .sold-marker{
        font-size: 12px;
        left: 8px;
        top: 8px;
    }
}
.listing-hover-image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.listing-hover-image img{
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
@media all and (min-width:1025px){
    .listing-hover-image{
         -webkit-animation-name: tile_frame_2 ;
        animation-name: tile_frame_2 ;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: cubic-bezier(.19,1,.22,1);
        animation-timing-function: cubic-bezier(.19,1,.22,1);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    .tile-image:hover .listing-hover-image {
        -webkit-animation-name: tile_frame_1;
        animation-name: tile_frame_1;
    }
    .listing.has-hover-image .image-set-container{
        z-index: 11;
        -webkit-animation-name: tile_frame_1;
        animation-name: tile_frame_1;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: cubic-bezier(.19,1,.22,1);
        animation-timing-function: cubic-bezier(.19,1,.22,1);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    .listing.has-hover-image .tile-image:hover .image-set-container{
        -webkit-animation-name: tile_frame_2;
        animation-name: tile_frame_2;
    }
}


@-webkit-keyframes tile_frame_1 {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes tile_frame_2 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}


/*------------------------------- Add to Cart hover buttons --------------------------------*/

.publication-all-issues-item .tile-thumb{
    position: relative;
}
.publication-all-issues-item .buttons-on-hover-wrapper .button a{
    border-color: #000;
    color: #000;
    background: transparent;
    transition: all 0.2s ease;
}
.publication-all-issues-item .buttons-on-hover-wrapper .button a .plus{
    height: 16px;
    width: 16px;
}
.publication-all-issues-item .buttons-on-hover-wrapper .button .plus:after{
    top: 7.5px;
}
.publication-all-issues-item .buttons-on-hover-wrapper .button a:hover{
    background: #000;
    border-color: #000;
    color: #fff;
}
.publication-all-issues-item .buttons-on-hover-wrapper .button a[disabled="disabled"]{
    background: #f0f0f0 !important;
    border-color: #aaa!important;
    color: #666 !important;
    cursor: inherit;
}
.publication-all-issues-item .buttons-on-hover-wrapper .add-to-cart-button{
    bottom: 15px;
    display: block;
    opacity: 0;
    position: absolute;
    width: 100%;
}
.publication-all-issues-item .tile-thumb:hover .add-to-cart-button{
    opacity: 1;
}
.publication-all-issues-item .buttons-on-hover-wrapper .add-to-cart-button a,
.publication-all-issues-item .buttons-on-hover-wrapper .add-to-cart-button > span{
    width: calc(100% - 36px);
}

/*------------------------------- View Galery Tags --------------------------------*/
.image-hover-buttons{
    background: transparent;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    overflow: hidden;
    padding: 22px 18px 0 30px;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    visibility: hidden;
    width: 100%;
}
.image-post-content-wrap:hover .image-hover-buttons,
.image-set-col-half:hover .image-hover-buttons,
.image-set-col-full:hover .image-hover-buttons{
    opacity: 1;
    visibility: visible;
}
.view-gallery-button{
    float: right;
    position: relative;
    top: 3px;
}
.view-gallery-button a {
    color: #fff;
    font-size: 14px;
    min-width: 168px;
    padding: 0;
}
.view-gallery-button a:after{
    background-image: url(../images/icon_plus.svg);
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    position: relative;
    transform: none;
    top: 3px;
    width: 16px;
}
.view-gallery-button a:hover{
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.image-hover-pin-button,
.image-product-tags-button{
    display: inline-block;
}
.image-hover-pin-button a,
.image-product-tags-button a{
    background-repeat: no-repeat;
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    float: left;
    height: 35px;
    width: 35px;
}
.image-hover-pin-button a{
    background-image: url(../images/pin-white.svg);
    background-position: 10px 8px;
    background-size: 13px;
}
.image-product-tags-button a{
    background-image: url(../images/product-tags-icon.svg);
    background-position: 9px 8px;
    background-size: 17px;
    margin-left: 10px;
}

.product-tag{
    background: rgba(0, 0, 0, .1);
    border: 1px solid #fff;
    border-radius: 50px;
    display: flex;
    padding: 13px 20px 11px;
    position: absolute;
    white-space: nowrap;
}
.tag-mark{
    background-image: url(../images/product-tags-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px;
    height: 23px;
    flex-grow: 0;
    flex-shrink: 0;
    width: 30px;
}
.product-tag .designer-name,
.product-tag .tile-title .item-name{
    color: #fff;
    font-family: 'Suisse Intl', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    text-align: left;
    white-space: nowrap;
}
.product-tag .designer-name{
    font-weight: 400;
    text-transform: none;
}
.product-tag .tile-title .item-name{
    font-weight: 300;
    letter-spacing: 0.02em;
}
@media all and (max-width: 1024px){
    .product-tag .designer-name,
    .product-tag .tile-title .item-name{
        font-size: 12px;
    }
}
@media all and (max-width: 768px){
    .view-gallery-button a{
        font-size: 12px;
        min-width: 125px;
        width: 125px;
    }
    .view-gallery-button a:after{
        margin-left: 3px;
    }
}
@media all and (max-width: 640px){
    .image-hover-buttons{
        padding: 8px 15px 0 11px;
    }
    .view-gallery-button a{
        line-height: 24px;
    }
    .product-tag{
        padding: 9px 6px;
        height: 34px;
        width: 34px;
    }
    .product-tag:hover{
        padding: 9px 12px;
        height: 52px;
    }
    .product-tag .designer-name,
    .product-tag .tile-title .item-name{
        font-size: 9px;
    }
    .tag-mark{
        background-size: contain;
        height: 12px;
        margin-top: 2px;
        width: 20px;
    }
}

/*----------- Video Icon Animation ----------------*/
@keyframes icon_pulse_phase1{
    0%{
        opacity: 1;
    }
    70%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}
@keyframes icon_pulse_phase2{
    0%{
        opacity: 0;
    }
    70%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }

}

@media all and (max-width: 1366px){
    .h1-title,
    .h1-subtitle{
        font-size: 40px;
        letter-spacing: -0.02em;
    }
}
@media all and (max-width: 768px){

    /*--------- Containers -----------*/

    .wrap,
    .wrap-wide,
    .wrap-article,
    .wrap-article-wide{
        max-width: 100%;
        padding: 0 20px;
    }

    /*--------- Typography -----------*/

    .h1-title,
    .h1-subtitle{
        font-size: 32px;
    }
    .large-intro {
        font-size: 16px;
        line-height: 1.45;
    }

    /*--------- Video Markers Centered-----------*/

    .video-marker{
        border-width: 1px;
        background-position: 15px 13px;
        background-size: 10px;
        height: 40px;
        right: calc(50% - 20px);
        top: calc(50% - 20px);
        width: 40px;
    }
    
    /*--------- Tags -----------*/

    .tile-tag {
        font-size: 9px;
        margin-right: 1px;
        margin-bottom: 4px;
        padding: 2px 6px;
        line-height: 18px;
        border-width: 0.6px;
    }
    /*.tile-tag span{
        line-height: 17px;
    }*/

    .content-within-display {
        margin: 0 auto 55px;
    }
}

@media all and (max-width: 640px){

/*--------- to be removed at style.css -----------*/
    
    .credits-section .archive-subcategory{
        text-align: left;
    }

/*--------- Containers -----------*/

    .wrap,
    .wrap-wide,
    .wrap-article,
    .wrap-article-wide{
        padding: 0 15px;
    }

/*--------- Typography -----------*/

    .h1-title, 
    .h1-subtitle{
        font-size: 24px;
    }
    .large-intro{
        font-size: 16px;
    }

/*--------- Button -----------*/

    .view-gallery-button {
        top: 0px;
    }
    .view-gallery-button a:after{
        height: 11px;
        top: -1px;
        vertical-align: middle;
        width: 11px;
    }
    .image-hover-pin-button a, .image-product-tags-button a{
        height: 22px;
        width: 22px;
    }
    .image-hover-pin-button a{
        background-position: 5px 3px;
        background-size: 11px;
    }
    .image-product-tags-button a {
        background-position: 5px 4px;
        background-size: 12px;
        margin-left: 5px;
    }
}

/*------------------------------- Shared Sections --------------------------------*/
/*------------------------------- Featured Video Section --------------------------------*/
.featured-post-section{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    color: #fff;
    height: 46.3vw;
    padding: 1px 0;
    position: relative;
    width: 100vw;
    z-index: 2;
}
.featured-post-section a {
    color: #fff;
    border-color: #fff;
}
.featured-post-section .button a{
    font-size: 14px;
    letter-spacing: 0.02em;
}
.single-videos .featured-post-section .button a{
    height: 25px;
    line-height: 24px;
    min-width: 0;
    padding: 0 1em;
    width: auto;
}
.featured-post-section video {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}
.featured-post-section-text-wrap{
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}
video {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.featured-video-section{
    text-align: center;
    position: relative;
}
.featured-video-section:before{
    content: '';
    display: block;
    position: absolute;
    z-index: -10;
    background: #333;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.featured-video-section .proxy{
    background: #333;
    opacity: 0;
    visibility: hidden;
}
.featured-video-section .wrap {
    max-width: none;
    padding: 0;
    width: 100%;
}
.featured-video-section .featured-post-section-text-wrap{
    align-content: space-around;
    height: 100%;
}
.featured-video-section .featured-post-title{
    margin: 25px 0 17px;
}
@media all and (max-width: 768px){
    .featured-video-section .featured-post-title,
    .featured-video-section .featured-post-button{
        margin: 30px 0 0;
    }
}
@media all and (max-width: 640px){
    .featured-video-section .featured-post-title{
        margin: 10px 0 0;
    }
}

/*------------------------------- Pre-Footer Override --------------------------------*/

.pre-footer-section .col-4-section .tile{
    display: none;
}
.pre-footer-section .col-4-section .tile:nth-of-type(1),
.pre-footer-section .col-4-section .tile:nth-of-type(2),
.pre-footer-section .col-4-section .tile:nth-of-type(3),
.pre-footer-section .col-4-section .tile:nth-of-type(4){
    display: block;
}
.pre-footer-section .col-4-section .tile {
    margin-bottom: 0;
    margin-right: 20px;
    width: calc((100% - 60px) / 4);
}
.pre-footer-section .col-4-section .tile:nth-of-type(4),
.pre-footer-section .col-4-section .tile:nth-of-type(3){
    margin-right: 0;
}
.pre-footer-section .tile .image-container.portrait-image{
    padding-bottom: 120%;
}
.pre-footer-section .tile-title {
    padding-right: 20px;
}
.pre-footer-section .tile-title .item-name{
    font-size: 20px;
    margin: 1em 0 2px;
    max-height: 1.2em;
}
.pre-footer-section .tile-sibtitle{
    font-size: 20px;
    max-height: 1.2em;
    overflow: hidden;
}
.pre-footer-section .tile-tags-row{
    margin-top: 13px;
}

.to-top-button{
    background-image: url(../images/nav-to-top.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 27px;
    bottom: 40px;
    cursor: pointer;
    display: block;
    height: 35px;
    position: fixed;
    right: 40px;
    width: 35px;
}

.related-posts{
    margin: -4px 0 120px;
}
.pre-footer-subscription{
    padding: 120px 0;
}
.pre-footer-form-wrap{
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    padding: 55px 0 60px;
}
.pre-footer-form-description{
    display: inline-block;
    font-family: 'Suisse Intl', sans-serif;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 40px;
    max-width: 470px;
}
.subscription-form-form .omFormC7 {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #666;
    margin: 0 auto;
    max-width: 432px;
    overflow: hidden;
    position: relative;
}
.subscription-form-form .omEmail input {
    background: transparent;
    border: 0;
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 300;
    font-size: 12px;
    height: 35px;
    letter-spacing: 0;
}
.subscription-form-form .omEmail{
    text-indent: 0;
    width: calc(100% - 30px);
}
.subscription-form-form .omSub {
    border-left: 0;
    height: 35px;
    width: 30px;
}
.subscription-form-form .omSub input{
    background-position: center right;
    background-size: 14px;
    height: 35px;
    top: 3px;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output{
    border-color: transparent;
    margin-top: 0;
}
@media all and (max-width: 1024px){

    .pre-footer-section .tile-title .item-name,
    .pre-footer-section .tile-sibtitle{
        font-size: 18px;
    }
    .related-posts {
        margin: 0 0 90px;
    }
    .pre-footer-subscription {
        padding: 90px 0;
    }
    .pre-footer-form-description{
        margin-bottom: 30px;
    }
}
@media all and (max-width: 768px){
    .pre-footer-section .tile .image-container.portrait-image {
        padding-bottom: 123%;
    }
    .pre-footer-section .col-4-section .tile{
        margin-bottom: 38px;
        margin-right: 0;
        width: calc((100% - 20px) / 2);
    }
    .pre-footer-section .col-4-section .tile:nth-of-type(2n){
        float: right;
    }
    .pre-footer-section .col-4-section .tile:nth-of-type(2n+1){
        clear: both;
        float: left;
    }
    .pre-footer-section .home-section-title{
        margin-bottom: 40px;
    }
    .pre-footer-section .tile-title .item-name, 
    .pre-footer-section .tile-sibtitle {
        font-size: 16px;
    }
    .related-posts{
        margin: 0 0 20px;
    }
    .pre-footer-subscription {
        padding: 20px 0 30px;
    }
    .pre-footer-form-wrap{
        padding: 38px 0;
    }
    .pre-footer-form-description{
        font-size: 14px;
        line-height: 1.2;
        letter-spacing: -0.02em;
        margin-bottom: 25px;
        max-width: 224px;
    }
    .subscription-form-form{
        margin: 0 auto;
    }
    .subscription-form-form .omSub input{
        top: 0;
    }
}
@media all and (max-width: 640px){
    .subscription-form-form .omFormC7{
        max-width: 228px;
    }
    .pre-footer-section .tile-title .item-name, 
    .pre-footer-section .tile-sibtitle {
        font-size: 14px;
    }
    .pre-footer-section .tile-title .item-name{
        margin-bottom: 0;
    }
    .pre-footer-section .tile-tags-row {
        margin-top: 6px;
    }
    .to-top-button{
        bottom: 30px;
        right: 30px;
    }
}
/*------------------------------- 2-1 Cols Section --------------------------------*/
@media all and (min-width: 769px){
    /*----------- 2 cols 2-1---------*/
    .col-2-1-section .tile:nth-of-type(1){
        float: right;
        width: calc(68% - 25px);
    }
    .col-2-1-section .tile:nth-of-type(1) .image-container{
        padding-bottom: 83.5%;
    }
    .col-2-1-section .tile:nth-of-type(2), 
    .col-2-1-section .tile:nth-of-type(3){
        clear: none;
        float: left;
        width: 32%;
    }
    .col-2-1-section .tile:nth-of-type(2) .tile-description, 
    .col-2-1-section .tile:nth-of-type(3) .tile-description{
        display: none;
    }
    .col-2-1-section .tile:nth-of-type(2) .image-container, 
    .col-2-1-section .tile:nth-of-type(3) .image-container{
        padding-bottom: 66.6%;
    }
    .col-2-1-section .tile:nth-of-type(2) .tile-title .item-name, 
    .col-2-1-section .tile:nth-of-type(3) .tile-title .item-name,
    .col-2-1-section .tile:nth-of-type(2) .tile-sibtitle, 
    .col-2-1-section .tile:nth-of-type(3) .tile-sibtitle{
        font-size: 18px;
    }
    .col-2-1-section .tile:nth-of-type(2) .tile-tags-row, 
    .col-2-1-section .tile:nth-of-type(3) .tile-tags-row{
        margin: 12px 0 14px;
    }
}
@media all and (max-width: 768px){
    .col-2-1-section .tile:nth-of-type(1){
        width: 100%;
    }
    .col-2-1-section .tile:nth-of-type(2), 
    .col-2-1-section .tile:nth-of-type(3){
        clear: none;
        width: calc(50% - 7.5px);
    }
    .col-2-1-section .tile:nth-of-type(2){
        float: left;
    }
    .col-2-1-section .tile:nth-of-type(3){
        float: right;
    }
}

/*------------------------------- Sidebar Banners --------------------------------*/

.surrounded-with-banners,
.surrounded-with-banners .section-row{
    overflow: hidden;
}
.right-small-banner.tlp-sticky:not(.tlp-sticky-stop){
    left: calc(50vw + 732px - var(--width-var)) !important;
}
.surrounded-with-banners .sticky-proxy{
    right: 0;
}
.article-small-banner, .sticky-proxy{
    max-width: 300px;
    width: 20.5%;
}
@media all and (max-width: 1550px){
    .right-small-banner.tlp-sticky:not(.tlp-sticky-stop){
        left: auto !important;
        right: 40px;
    }
}
@media all and (min-width: 769px) {
    .surrounded-with-banners .section-row {
        border-right: 1px solid #666;
        margin: 0;
        padding-right: 25px;
        width: calc(78% - 25px);
    }
}
.col-2-section .tile{
    width: calc(50% - 12px);
}
.portrait-section.col-2-section .tile {
    margin-bottom: 0; 
}
@media all and (max-width: 640px){
    .col-2-section .tile{
        width: calc(50% - 7.5px);
    }
}

/*------------------------------- Split Section --------------------------------*/
.wide-split-section{
    position: relative;
}
.wide-split-section .wrap-wide{
    height: 100%;
    padding-left: 0;
    overflow: hidden;
    position: relative;
}
/*.wide-split-section-inner{
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
}*/
/*Content Col*/

.split-content{
    border-bottom: 1px solid #666;
    display: flex;
    flex-direction: column;
    float: left;
    justify-content: space-between;
    height: 100%;
    margin-left: 40px;
    min-height: 48.2vw;
    position: relative;
    width: calc(49.5% - 40px);
}
.split-content-top{
    height: fit-content;
    padding-top: 130px;
}
.split-content-bottom{
    padding-bottom: 50px;
}
.split-content-description {
    max-width: 725px;
}
.split-content-description p {
    margin-bottom: 1.6em;
}
.split-content-price {
    line-height: 1.6em;
    margin-top: 16px;
}
.split-content-cta{
    margin-top: 36px;
}
.split-content-add-to-cart{
    margin-top: 45px;
}
.split-content-add-to-cart > * {
    display: inline-block;
}
.split-content-add-to-cart input[type="number"]{
    border: 1px solid;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-right: 20px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 48px;
}
.split-content-add-to-cart input[type="number"]::-webkit-inner-spin-button {
    height: 30px;
    width: 12px;
    float: right;
}
.split-content-add-to-cart .button a{
    border-color: #202020;
    color: #202020;
    font-size: 14px;
}
.split-content-add-to-cart .button a:hover{
    color: #fff;
}
.split-content-add-to-cart .button a:hover .plus:before,
.split-content-add-to-cart .button a:hover .plus:after{
    border-color: #fff;
}

@media all and (max-width: 1366px){
    .split-content-top {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .split-content-bottom {
        padding-bottom: 30px;
    }
    .split-content-add-to-cart {
        margin-top: 0;
    }
    .split-content-cta {
        margin-top: 20px;
    }
}
@media all and (max-width: 768px){
    .wide-split-section .wrap-wide{
        overflow: visible;
    }
    .wide-split-section {
        padding-bottom: 0;
    }
    .split-content{
        margin: 0;
        padding: 0 40px;
    }
    .split-image{
        height: auto;
        padding-bottom: 0;
    }
    .split-content-top{
        padding-top: 60px;
    }
}
@media all and (max-width: 640px){
    .split-content{
        padding: 0 25px;
    }
    .split-content-top {
        padding-bottom: 42px;
        padding-top: 50px;
    }
    .split-content-price-line1{
        margin-top: 10px;
    }
    .split-content-price-line2{
        margin-top: 5px;
    }
}

/*Image Col*/
.split-image{
    bottom: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 49.5%;
}
.split-image img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.split-image .slick-slider,
.split-image .slick-list,
.split-image .slick-track,
.split-image .slick-slide,
.split-image .slick-slide > div,
.split-image .gallery-item{
    height: 100%;
}
.gallery-item {
    display: flex !important;
    justify-content: center;
}

/*Slider Arrows*/

/*.magazine-split-image .common-slider:after,
.subscription-split-image .common-slider:after{
    bottom: 35px;
    right: calc(100% - 842px);
}
.magazine-split-image .common-slider .slick-prev,
.subscription-split-image .common-slider .slick-prev{
    bottom: 18px;
    right: calc(100% - 813px);
    z-index: 50;
}
.magazine-split-image .common-slider .slick-next,
.subscription-split-image .common-slider .slick-next{
    bottom: 18px;
    right: calc(100% - 841px);
    z-index: 50;
}*/
.product-split-image .common-slider:after{
    bottom: 36.5%;
    right: 20.5%;
}
.product-split-image .common-slider .slick-prev{
    bottom: calc(36.5% - 17px);
    right: calc(20.5% + 28px);
    z-index: 50;
}
.product-split-image .common-slider .slick-next{
    bottom: calc(36.5% - 17px);
    right: 20.5%;
    z-index: 50;
}
@media all and (max-width: 1700px){
    /*.magazine-split-image .common-slider:after, 
    .subscription-split-image .common-slider:after,
    .magazine-split-image .common-slider .slick-next, 
    .subscription-split-image .common-slider .slick-next{
        right: 30px;
    }
    .magazine-split-image .common-slider .slick-prev, 
    .subscription-split-image .common-slider .slick-prev{
        right: 58px;
}*/
}

@media all and (max-width: 768px){
    .wide-split-section{
        height: auto;
    }
    .wide-split-section-inner{
        position: static;
    }
    .split-image{
        height: 0;
        padding-bottom: 133%;
        position: relative;
        width: 100%;
    }
    .split-image-inner-mobile{
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    .split-content{
        border-bottom: 0;
        float: none;
        height: auto;
        margin-right: 0;
        width: 100%;
    }
    .split-content-top .h1-title,
    .split-content-top .h1-subtitle{
        line-height: 1.2;
    }
    .split-content-bottom{
        position: static;
    }
}
/*------------------------------- Split Tile --------------------------------*/
.split-tile{
    overflow: hidden;
    position: relative;
}
.split-tile .tile-link{
    float: right;
    width: 49%;
}
.split-tile .image-container{
    padding-bottom: 84%;
}
.split-tile .tile-text{
    height: 100%;
    position: absolute;
    width: 48%;
}
.split-tile-bottom {
    bottom: 0;
    position: absolute;
}

@media all and (max-width: 768px){
    .split-tile .tile-link {
        float: none;
        width: 100%;
    }
    .split-tile .image-container {
        padding-bottom: 92%;
    }
    .split-tile .tile-text{
        padding-top: 40px;
        position: static;
        width: 100%;
    }
    .split-tile-bottom{
        margin-top: 35px;
        position: static;
    }
}

@media all and (max-width: 640px){
    .split-tile .tile-text{
        padding-top: 27px;
    }
    .split-tile-bottom{
        margin-top: 19px;
    }
}

/*------------------------------- Two Images Tiles --------------------------------*/
.two-images-tile .image-container,
.two-images-tile .listing-hover-image {
    animation: none !important;
    float: left;
    opacity: 1;
    padding-bottom: 65.5% !important;
    position: relative;
    width: 50%;
}
.two-images-tile .tile-link {
    display: block;
    overflow: hidden;
}
@media all and (max-width: 768px){
    .archive-section-row .two-images-tile .image-container:nth-child(2){
        display: none;
    }
    .archive-section-row .two-images-tile .image-container:nth-child(1){
        padding-bottom: 122% !important;
        width: 100%;
    }
}

/*------------------------------- Massonry Block --------------------------------*/

.massonry-block .tile:nth-of-type(2n){
    float: right;
    width: calc(50% - 12px);
}
.massonry-block .tile:nth-of-type(2n+1){
    clear: both;
    float: left;
    width: calc(50% - 12px);
}
.massonry-block-inner{
    position: relative;
}
.massonry-block .tile .image-container/*,
.massonry-block .tile:nth-of-type(1) .image-container,
.massonry-block .tile:nth-of-type(3) .image-container,
.massonry-block .tile:nth-of-type(4) .image-container*/{
    padding-bottom: 121%;
}
.massonry-block .tile:nth-of-type(2) .image-container,
.massonry-block .tile:nth-of-type(5) .image-container,
.massonry-block .tile:nth-of-type(6) .image-container{
    padding-bottom: 67%;
}

/*------------------------------- Page Top Section --------------------------------*/
.page-title-section{
    padding-bottom: 109px;
    padding-top: 122px;
}
.page-intro {
    margin: 18px auto 0;
    max-width: 1020px;
}
@media all and (max-width:1366px){
    .page-intro {
        max-width: 720px;
    }
    .page-title-section {
        padding-bottom: 100px;
        padding-top: 100px;
    }
}
@media all and (max-width:1024px){
    .page-title-section{
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
@media all and (max-width:768px){
    .page-title-section{
        padding-bottom: 60px;
        padding-top: 60px;
    }
}
@media all and (max-width:640px){
    .page-title-section{
        padding-bottom: 40px;
        padding-top: 50px;
    }
}

/*------------------------------- Landing Top Section --------------------------------*/

.landing-top-section{
    padding: 120px 0 110px;
}
.landing-top-title {
    margin-bottom: 20px;
}
.landing-top-description{
    font-size: 16px;
    font-family: 'Times Now', serif;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 1020px;
}
.landing-top-description p:not(:last-of-type) {
    margin-bottom: 0.6em;
}
.category-top-section .wrap{
    padding: 130px 0 110px;
}
@media all and (max-width: 1366px){
    .landing-top-description{
        font-size: 14px;
        padding: 0 40px;
    }
    .category-top-section .wrap,
    .landing-top-section {
        padding: 100px 0 90px;
    }
}
@media all and (max-width: 768px){
    .category-top-section .wrap,
    .landing-top-section {
        padding: 50px 0;
    }
    .landing-top-title {
        margin-bottom: 16px;
    }
}
@media all and (max-width: 640px){
    .landing-top-description{
        font-size: 12px;
        max-width: 368px;
    }
}

/*------------------------------- Share --------------------------------*/
.credits-share-icon{
    background-color: #202020;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 100%;
    display: inline-block;
    height: 24px;
    margin-right: 1px;
    transition: all 0.2s ease;
    width: 24px;
}
.credits-share-icon.icon-link{
    background-image: url("../images/icon-link.svg");
    background-position: 5px 7px;
    background-size: 15px;
}
.credits-share-icon.icon-flag{
    background-image: url("../images/icon-flag.svg");
    background-size: 10px;
}
.credits-share-icon.icon-envelope{
    background-image: url("../images/icon-envelope.svg");
    background-size: 14px;
}
.credits-share-icon.icon-arrow{
    background-image: url("../images/icon-arrow.svg");
    background-position: 5px 5px;
    background-size: 15px;
}
.credits-share-icon.icon-facebook{
    background-image: url("../images/icon-facebook.svg");
    background-position: 8px 5px;
    background-size: 7px;
} 
.credits-share-icon.icon-linkedin{
    background-image: url("../images/icon-linkedin.svg");
    background-position: 5.5px 5px;
    background-size: 13px;
}
.credits-share-icon.icon-instagram{
    background-image: url("../images/icon-instagram.svg");
    background-position: 5px 5px;
    background-size: 14px;
}
.credits-share-icon.icon-pinterest{
    background-image: url("../images/icon-pinterest.svg");
    background-position: 5.5px 5px;
    background-size: 12px;
}


.section-red{
    background: #7C1913;
    color: #fff;
}
.section-red a,
.section-red .subtitle,
.section-red .tile-title .item-name,
.section-red .tile-description,
.section-red .listing:hover .item-price,
.section-red .listing:hover .item-name,
.section-red .listing:hover .item-specs{
    color: #fff !important;
}
.section-red .button a,
.section-red .home-section-title,
.section-red .underlined-section-title{
    border-color: #fff;
    color: #fff;
}
.section-red .button a:hover{
    color: #7C1913 !important;
    background: #fff;
}
.section-red .scrollbar-macosx > .scroll-element .scroll-bar{
    background-color: #fff;
}
.section-red .scrollbar-macosx > .scroll-element .scroll-element_track{
    background-color: #fff;
    opacity: 0.5;
}
.section-red .spec-bedrooms:before,
.section-red .listing:hover .spec-bedrooms:before{
    background-image: url('../images/otm_icons/beds-white.svg');
}
.section-red .spec-bathrooms:before,
.section-red .listing:hover .spec-bathrooms:before{
    background-image: url('../images/otm_icons/bathrooms-white.svg');
}
.section-red .spec-cars:before,
.section-red .listing:hover .spec-cars:before{
    background-image: url('../images/otm_icons/car-spots-white.svg');
}
.section-red .spec-landsize:before,
.section-red .listing:hover .spec-landsize:before{
    background-image: url('../images/otm_icons/landsize-white.svg');
}
.section-red .spec-offices:before,
.section-red .listing:hover .spec-offices:before{
    background-image: url('../images/otm_icons/office-white.svg');
}
.item-specs{
    margin-top: 15px;
}
.spec{
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.3;
}
.spec:before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 20px;
    margin-right: 3px;
    margin-top: -3px;
    position: relative;
    vertical-align: middle;
    width: 20px;
}
.spec-bedrooms:before{
    background-image: url('../images/otm_icons/beds-black.svg');
}
.spec-bathrooms:before{
    background-image: url('../images/otm_icons/bathrooms-black.svg');
}
.spec-cars:before{
    background-image: url('../images/otm_icons/car-spots-black.svg');
}
.spec-offices:before{
    background-image: url('../images/otm_icons/office-black.svg');
}
.spec-landsize:before{
    background-image: url('../images/otm_icons/landsize-black.svg');
}
.listing:hover .spec-bedrooms:before,
.tile:hover .spec-bedrooms:before{
    background-image: url('../images/otm_icons/beds-gray.svg');
}
.listing:hover .spec-bathrooms:before,
.tile:hover .spec-bathrooms:before{
    background-image: url('../images/otm_icons/bathrooms-gray.svg');
}
.listing:hover .spec-cars:before,
.tile:hover .spec-cars:before{
    background-image: url('../images/otm_icons/car-spots-gray.svg');
}
.listing:hover .spec-landsize:before,
.tile:hover .spec-landsize:before{
    background-image: url('../images/otm_icons/landsize-gray.svg');
}
.listing:hover .spec-offices:before,
.tile:hover .spec-offices:before{
    background-image: url('../images/otm_icons/office-gray.svg');
}
.listing:hover .item-name,
.listing:hover .item-price,
.listing:hover .item-specs,
.tile:hover .item-name,
.tile:hover .item-price,
.tile:hover .item-specs{
    color: #666;
}
.listing{
    font-family: 'Suisse Intl', sans-serif;
}
.listing .item-price{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1;
    margin-top: 20px;
}
.listing .item-name{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-top: 10px;
}
.spec-landsize{
    display: none;
}
@media all and (max-width: 768px){
    .listing .item-name,
    .listing .designer-name {
        font-size: 16px;
    }
}
@media all and (max-width: 640px){
    .listing .item-price{
        font-size: 10px;
        margin-top: 11px;
    }
    .listing .item-name {
        font-size: 12px;
        margin-top: 6px;
    }
    .listing .designer-name {
        font-size: 12px;
    }
    .item-specs {
        margin-top: 2px;
    }
    .spec:before{
        height: 14px;
        width: 14px
    }
    .spec{
        font-size: 9px;
        margin-right: 3px;
    }
}

/*------------------------------- 404 Page --------------------------------*/
.notfound-text-section{
    margin: 130px auto 120px;
    max-width: 500px;
}
.notfound-buttons-block{
    margin-top: 20px;
}
.notfound-button{
    display: inline-block;
    margin: 0 10px;
}
.notfound-button a{
    font-size: 14px;
    letter-spacing: 0.02em;
    min-width: 0;
    padding: 0 30px;
    position: relative;
}