@media (min-width: 771px) {.page-layout-1column .column.main {max-width: 1460px;}}

@media only screen and (min-width: 771px) and (max-width: 900px) {
    .inner-block, .inner-block-leftside { margin: 20px 40px !important;  width: 100%; }
}

.page-main {padding: 0px;}


.cms-page-view .std .messages,
.cms-home .std .messages {
    margin-bottom: 0px;
    display: none;
}

hr {
    border-top: 1px solid #ccc;
    margin-bottom: 50px;
    margin-top: 0px;
}

.stat {
    padding-bottom: 40px;
}

#widget_slideshow_0 .tns-controls {
    display: none !important;
}

.set-item {
    padding-right: 0px !important;
    padding-left: 0px;
}

.set--four .set-item {
    padding-right: 0px;
    padding-left: 0px;
}

.hero-title {
    font-size: 15px;
}

.pop-title {
    color: #fff !important;
    font-size: 22px;
    font-weight: bold;
    left: 6%;
    position: absolute;
    margin: 10px 0;
    top: 75%;
    text-decoration: underline;
}

.a:hover {
    color: #323232;
    background: white;
}

.welcome-back-wrapper .button-links .button-link:hover {
    background: #323232;
    color: white;
}

.welcome-back-wrapper .button-links .button-link {
    color: #323232;
    border-radius: 0;
    background: white;
    font-size: 12px;
    margin: 25px auto;
    padding: 9px 16px;
    text-align: center;
    font-weight: bold;
	text-decoration: none;
}

.explore-center {
    margin: 25px 0px;
}

.section-title {
    border-bottom: none;
    color: #222;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.87px;
    line-height: 37px;
    text-align: center;
    margin: 18px auto;
    text-transform: none;
}

.set-subtitle {
    margin: 0px 5% !important;
    padding: 0 10px;
    text-align: center;
    color: #222;
    font-size: 14px !important;
    font-weight: normal;
}

.set-description {
    margin: 2% !important;
    padding: 0px;
    text-align: left;
    color: #222;
    font-size: 14px !important;
}

.color-img {
    padding: 5px!important;
    border-radius: 20%;
}

.tns-nav {
    margin-bottom: 35px !important;
}

.widget-carousel .owl-item a {
    font-size: 14px;
}

@media only screen and (max-width: 770px) {
    .set.set--four {
        margin: 0 10px;
    }
    .section-gray .set--four .set-item {
        width: 49%!important;
    }
    .set-item.category-item-gray {
        margin: 10px 0;
    }


    .click-title a {
        color: #222;
    }
    .click-title {
        color: #222;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 18px;
        margin-top: 15px;
        text-align: center;
        margin-left: 7px;
        text-decoration: underline;
    }
    .fs-entry-container:nth-of-type(5n + 1) {
        width: 100%;
        padding-top: 100%;
    }
    .fs-entry-container {
        width: 50%;
        padding-top: 50%;
    }
    .set-description {
        margin: 10px 15% 30px 15% !important;
        text-align: center;
    }
}

@media only screen and (min-width: 771px) {
    #apps-b .tns-nav>[aria-controls] {
        width: 18%;
    }
    #quicklinks .set--three .set-item {
        padding-right: 5px !important;
    }
    .featured-products .owl-nav .owl-prev span.slide-arrow,
    .featured-products .owl-nav .owl-next span.slide-arrow {
        top: 35%;
        height: 40px;
        background: white;
    }
    .featured-products .owl-nav .owl-prev span.slide-arrow {
        padding-left: 10px
    }
    .featured-products .owl-nav .owl-prev span.slide-arrow:after,
    .featured-products .owl-nav .owl-next span.slide-arrow:after {
        width: 22px;
        margin-top: 10px;
        height: 22px;
    }
    .fs-entry-container:nth-of-type(5n + 1),
    .fs-desktop .fs-entry-container:nth-of-type(5n + 1) {
        width: 50%;
        padding-top: 50%;
    }
    .fs-entry-container,
    .fs-desktop .fs-entry-container {
        width: 25%;
        padding-top: 25%;
    }
}

@media (max-width: 599px) {
    #samp {padding-top: 50px !important;}
    .featured-products .owl-nav .owl-prev span.slide-arrow,
    .page-main .owl-nav .owl-next span.slide-arrow {
        top: 35%;
        height: 40px;
        background: white;
    }
    .featured-products .owl-nav .owl-prev span.slide-arrow {
        padding-left: 10px
    }
    .featured-products .owl-nav .owl-prev span.slide-arrow:after,
    .page-main .owl-nav .owl-next span.slide-arrow:after {
        width: 22px;
        margin-top: 10px;
        height: 22px;
    }
    #apps-b .slide-arrow {
        display: none;
    }
    #tools .set-item {
        padding-bottom: 35px;
    }
    .tns-nav {
        margin-bottom: 20px !important;
    }
    .large-banner {
        max-height: 1460px;
    }
    #widget_slideshow_3 {
        max-height: 1000px;
    }
    #apps-b,
    #apps-c {
        min-height: 600px;
    }
    .set--two .set-item {
        width: 100% !important;
    }
    #apps-b .tns-nav>[aria-controls],
    #apps-c .tns-nav>[aria-controls] {
        background: white;
        width: 30% !important;
        border-radius: 0px !important;
        font-size: 18px !important;
        font-weight: 700 !important;
    }
    .stat {
        padding-bottom: 30px;
    }
    .section-title {
        font-family: inherit !important;
        font-weight: bold !important;
    }
}

@media (min-width: 1025px) {
    /*.large-banner {padding-right: 0px !important;padding-left: 0px !important;}*/

    .featured-products .widget-carousel h4 {
        max-width: 265px;
        text-align: left;
    }
    .featured-products .widget-carousel .owl-item {
        max-width: 265px !important;
    }
    .featured-products .widget-carousel .owl-item a {
        max-width: 265px;
        height: 54px;
        width: 250px;
        color: #222;
        font-size: 14px;
        letter-spacing: -0.41px;
        line-height: 18px;
    }
    .featured-products .widget-carousel .owl-item {
        text-align: left;
        font-size: 14px;
    }
    #widget_slideshow_8 {
        min-height: 300px;
    }
    #widget_slideshow_2 .tns-nav>[aria-controls],
    #widget_slideshow_1 .tns-nav>[aria-controls] {
        cursor: pointer;
        width: 58px;
        height: 3px;
        border-radius: 10%;
    }
    #widget_slideshow_2 .tns-nav {
        position: absolute;
        left: 42%;
        top: 94%;
    }
    .act-btn {
        text-align: center;
        margin-top: 20px;
        min-height: 100px;
    }
    .set-item_image {
        width: 55% !important;
    }

    .set-item_text {
        width: 35% !important;
    }
    .stat-list--vertical li {
        padding: 70px 0 !important;
    }
    .section-description {
        font-size: 14px;
        line-height: 25px;
    }
}

.set-item {
    position: relative;
    max-width: 100%;
}

.set-item img.image-hover {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
}

.set-item:hover img.image-hover {
    opacity: 1;
}

.set-item:hover img.image-main {
    opacity: 0;
}

@media only screen and (min-width: 900px) {
    #apps,
    #apps-b,
    #apps-c {
        min-height: 750px;
        max-height: 1100px;
    }
}


@media (min-width: 771px) and  (max-width: 900px) {.set--four .set-item {width: 25%;}}

@media only screen and (min-width: 771px) {

    .set--four .set-item {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .fs-timeline-entry {
        margin: 2.5px !important;
    }
    .click-title a {
        color: #222;
    }
    .hero-title {
        font-size: 18px !important;
    }
    .click-title {
        color: #222;
        font-size: 15px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 18px;
        margin-left: 7px;
        margin-top: 15px;
        text-align: center;
        text-decoration: underline;
    }
}

@media only screen and (max-width: 599px) {
    .set-description {
        display: none;
    }
    .act-btn {
        margin: 0 auto;
        text-align: center !important;
    }
    .pop-title {
        margin: 10px 0px;
        text-align: center !important;
        font-size: 16px;
        top: 60%;
        text-decoration: underline;
    }
    .section-title {
        font-size: 20px !important;
    }
    #apps,
    #apps-b,
    #apps-c {
        min-height: 600px
    }
    .set--three .set-item {
        text-align: center;
        width: 100% !important;
    }
    .set--four .set-item {
        width: 50%;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .hero-title {
        margin-top: 30px;
    }

    .trade-promo-banner {
        border-radius: 0px;
        margin: 10px;
        background-image: url("https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Home-Images/trade-banner-mobile.jpeg");
        background-position: center;
        background-repeat: no-repeat no-repeat;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
        background-size: cover;
        height: 341px;
    }

    .sample-promo-banner {
        border-radius: 0px;
        margin: 10px;
        /*background-image: url("https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Home-Images/sample-banner-mobile.jpeg?tb");*/
        background-image: url("https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Home-Images/hp-5-samples-for-5-dollars-mobile.jpg");
        background-position: center;
        background-repeat: no-repeat no-repeat;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
        background-size: cover;
        height: 266px;
    }
}

@media only screen and (min-width: 600px) and  (max-width: 900px)  {.sample-promo-banner, .trade-promo-banner {height: 124px !important;}}

@media only screen and (min-width: 600px) {
    .trade-promo-banner {
        border-radius: 0px;
        margin-bottom: 25px;
        background-image: url("https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Home-Images/trade-banner-v1.jpeg");
        background-position: left center;
        background-repeat: no-repeat no-repeat;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
        background-size: cover;
        height: 200px;
    }
    .sample-promo-banner {
        border-radius: 0px;
        margin-top: 25px;
        background-position: left center;
        background-repeat: no-repeat no-repeat;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
        background-size: cover;
        height: 200px;

    }
}


#apps-b .tns-nav>[aria-controls] {
    /*min-height: 20px;*/
    height: unset;
    border-radius: 0px;
    font-size: 18px;
    font-weight: 700;
    background: unset;
    height: 30px;
}

#apps-b .tns-nav>[aria-controls]:first-child:after {
    content: "Kitchen & Bathroom";
}

#apps-b .tns-nav>[aria-controls]:nth-child(2):after {
    content: "Indoor";
}

#apps-b .tns-nav>[aria-controls]:nth-child(3):after {
    content: "Outdoor";
}

.tns-nav-underline .tns-nav>[aria-controls]:not(.tns-nav-active):hover:after {
    /*border-bottom: none;*/
}
#apps-b .tns-nav > [aria-controls]:not(.tns-nav-active):hover:after {
    border-bottom: 2px solid #323232 !important;
    padding-bottom: 5px;
}

#apps-b .tns-nav > [aria-controls].tns-nav-active:hover:after {
    border-bottom: 2px solid #323232 !important;
    padding-bottom: 5px;
}

#apps-b .tns-nav > [aria-controls].tns-nav-active:after {
    border-bottom: 2px solid #323232 !important;
    padding-bottom: 5px;
}


.active-item    {
    color: #323232;
    border-bottom: 2px solid #323232;
}


#color-slider .tns-nav>[aria-controls]:first-child {
    background: navy;
}


#color-slider .tns-nav>[aria-controls]:nth-child(2) {
    /* border: black 1px solid; */
    background: #fff;
    position: relative;
    border: 3px solid #fff;
    /*outline: 1px black solid;
    outline-offset: -4px;*/
}

#color-slider .tns-nav>[aria-controls]:nth-child(2)::before {
    content: ' ';
    position: absolute;
    width: 21px;
    height: 21px;
    border: 1px solid #000;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#color-slider .tns-nav>[aria-controls]:nth-child(3) {
    background: gray;
}

#color-slider .tns-nav>[aria-controls]:nth-child(4) {
    background: green;
}

#color-slider .tns-nav>[aria-controls]:nth-child(5) {
    background: black;
}

#color-slider .tns-nav>[aria-controls]:nth-child(6) {
    background: none;
}

#color-slider .tns-nav>[aria-controls]:nth-child(6) {
    width: 25px;
    height: 25px;
    vertical-align: text-bottom;
}

#color-slider .tns-nav>[aria-controls]:nth-child(6):after {
    content: "+";
    font-size: 25px;
    color: gray;
}

#samp, #trade {
    padding: 0 !important;
    margin: 80px 0;
}

/*
.sample-promo-banner {
    background-image: url("https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Home-Images/sample-banner-v1.jpeg");
    height: 200px;
    margin: 0;
}

.trade-promo-banner {
    background-image: url("https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Home-Images/trade-banner-v1.jpeg");
    height: 200px;
    margin: 0;
}
*/

.section {
    margin: 0;
    margin-bottom: 100px !important;
}

.section-title {
    margin: 0 0 30px 0;
}

.h2-title {
    font-size: 32px;
    font-weight: 700;
    color: #222;
    font-family: inherit;
    letter-spacing: unset;
    line-height: 37px;
    text-align: center;
    margin: 0 0 10px 0;
    /*text-transform: uppercase;*/
}

.endless-icon {
    background: url("https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Hero/endless-stars.png") no-repeat;
    width: 20px;
    height: 30px;
    display: inline-block;
    margin-left: 0px;
    margin-bottom: 5px;
}

.set-subtitle {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    font-family: inherit;
    color: #5A5B59;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 21px;
    transition: .3s;
}
.set-subtitle:hover {
    color: #5A5B59;
    opacity: 1 !important;
}

.item-link {
    position: relative;
    display: block;
}

.item-image {
    position: absolute;
    display: contents;
}

.item-image .click-image {
    width: 95%;
}

.item-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
}

.item-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    margin: 0 0 10px 0;
}

.item-subtitle {
    font-family: inherit;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    display: inline-block;
    padding-bottom: 3px;
    transition: all .5s ease;
    opacity: 0;
}

.arrow-right {
    width: auto !important;
    opacity: 0;
    display: inline-block;
    margin-left: 0px !important;
    margin-bottom: 2px !important;
    vertical-align: middle;
    transition: all .5s ease;
}

.category-item {
    transition: all .7s ease;
}

.category-item a:hover {
    opacity: 1;
}

.category-item:hover .item-subtitle {
    opacity: 1;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    padding-bottom: 0px;
}

.category-item:hover .arrow-right {
    opacity: 1;
    margin-left: 5px !important;
}

.category-item-gray {
    background: #fff;
    border-radius: 0px;
    padding: 7px 7px 10px;
}

.item-image-gray .click-image {
    width: 100%;
    max-height: 377.4px;
}

.item-text-gray {
    padding-top: 10px;
    position: relative;
    text-align: left;
}

.item-text-gray .item-title {
    color: #222;
    font-size: 20px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
    padding-left: 10px;
}

.arrow-right-2 {
    width: auto !important;
    display: inline-block;
    margin-left: 20px !important;
    vertical-align: middle;
    margin-top: -4px !important;
    position: absolute;
    right: 5px;
    top: 15px;
}

.arrow-right-3 {
    width: auto !important;
}

.tab-list {
    margin: 0;
    padding: 0;
    margin-bottom: 0 !important;
}

/*  .tab-list::after {
    content: "";
    width: 100%;
    margin-top: -2px;
    border-bottom: 2px solid #F5F5F6;
}*/

.hl {
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #F5F5F6;
    margin-top: -2px;
}


.section-gray {
    padding: 80px 0;
    background-color: #F5F5F6;
    /*background-image: url('https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Hero/gray-bg.png');
        background-size: contain;
            background-position-x: 100%;
        background-repeat-x: no-repeat;*/
    margin: 0 calc(-50vw + 50%);
}

.section-gray .set.set--four {
    justify-content: space-between;
    max-width: 1460px;
    margin: 0 auto;
}

.section-gray .set--four .set-item {
    width: 24%;
}

.blue-button {
    color: #323232;
    border: 2px solid #323232;
    background: white;
    font-size: 12px;
    margin: 0px auto;
    padding: 9px 16px;
    text-align: center;
    width: 260px;
}

.blue-button p {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    margin-bottom: 0;
    color: #323232;
}

.blue-button img {
    display: inline-block;
    margin-left: 10px;
}

img:hover, a:hover {
    opacity: 1;
}

/*========= Z-BLOCK START =========*/
.z-format {
    margin-bottom: 0 !important;
}

.z-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 50px 0;
    margin-left: 0 !important;
}

.z-block:last-child {
    padding-bottom: 0 !important;
}

.z-block:first-child {
    padding-top: 0;
}

.z-item_text {
    padding: 0;
    margin-right: 50px;
    /*float: right !important;*/
    /*width: 40%;*/
    flex: 1;
}

.inner-block {
    width: 100%;
    margin-top: 0;
}

.z-block-title {
    color: #222 !important;
    font-weight: 700 !important;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.z-block-description {
    font-size: 18px !important;
    margin-bottom: 35px !important;
    letter-spacing: 1px;
    line-height: 150%;
    color: #5A5B59;
}

.z-item_image {
    width: 55% !important;
}

.z-item_image img {
    width: 100% !important;
}

.z-item_text-leftside {
    margin-left: 50px;
    margin-right: 0 !important;
}


.z-button-text {
    display: inline-block;
    color: #323232;
    font-size: 14px;
    border-bottom: 1px solid #323232;
}

.z-button-arrow {
    display: inline-block;
    margin-left: 0px !important;
    vertical-align: middle;
    width: 15px;
    margin-top: 0 !important;
}

.z-square-image {
    max-width: 555px;
    height: auto;
}

.z-vimeo {
    max-width: 656px !important;
}

.z-vimeo iframe {
    border-radius: 0px;
    width: 100%;
    height: 656px;
}

@media screen and (max-width: 1024px) {
    .z-block .inner-block {
        padding-left: 0px
    }
    .z-block-leftside .inner-block {
        padding-right: 0px
    }
    .z-block-leftside .inner-block-leftside {
        margin-left: 0px !important;
    }
    .item-text {
        position: absolute;
        top: 50%;
        /*left: 0;*/
        text-align: center;
        transform: translate(-50%, -50%) !important;
    }
}

@media screen and (max-width: 768px) {
    .z-format {
        padding: 0 10px !important;
    }
    .category-item {
        padding-left: 0 !important;
    }
    .item-title {
        font-size: 20px;
        line-height: 20px;
    }
    /* Remove it
    .item-subtitle, .arrow-right {
        opacity: 1;
    }
     */
    .item-subtitle {
        padding-bottom: 0;
        border-bottom: 1px solid #fff;
    }
    .arrow-right {
        margin-left: 5px;
    }
    .set--three .set-item {
        width: 33.3333% !important;
        clear: none;
    }
    .item-image-gray .click-image {
        padding: 10px;
    }
    .item-text-gray {
        margin-right: 10px;
    }
    #apps-b .tns-nav>[aria-controls] {
        font-size: 12px !important;
        width: 28%;
    }
    .fs-timeline-entry {
        text-align: center;
    }
    .fs-timeline-entry span {
        font-size: 20px !important;
    }
    .set--two .set-item {
        width: 50%;
    }
    .item-text-gray .item-title {
        font-size: 16px;
        margin-right: 0;
        padding-left: 10px;
    }
    .z-item_text {
        margin-right: 10px;
    }
    .z-item_text-leftside {
        margin-left: 10px;
    }
    .z-block-title {
        font-size: 24px;
        line-height: 24px;
    }
    .z-block-description {
        font-size: 16px !important;
        margin-bottom: 10px !important;
        letter-spacing: unset;
    }
    .z-button-text {
        margin-bottom: 0 !important;
    }
    .hero-image_desktop-nb {

    }
    .intro-title_hero-nb {
        padding-left: 0 !important;
    }
    .intro-text_hero-nb {
        padding: 0 !important;
    }

}

@media screen and (max-width: 599px) {
    /*.z-format {
        padding: 0 10px;
    }*/
    .z-block {
        flex-direction: column-reverse;
        padding: 30px 0;
    }
    .z-block-leftside {
        flex-direction: column;
    }
    .z-block .inner-block {
        padding-left: 0;
    }
    .z-block .inner-block {
        padding-left: 0px;
    }
    .z-block-leftside .inner-block {
        padding-right: 0px;
    }
    .inner-block {
        width: unset;
        /*margin-left: 10px !important;
        margin-right: 10px !important;
        margin-top: 25px !important;*/
        margin: 25px 10px 0 !important;
    }
    .z-block-title {
        font-size: 22px;
        line-height: 22px;
    }
    .z-block-description {
        margin: 0 0 0 0!important;
    }
    .z-button {
        margin-top: 20px;
        display: block;
    }
    .z-button-text {
        margin-bottom: 0;
    }
    .z-block .z-item_image {
        width: 95% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .z-item_text {
        margin-right: 0 !important;
    }
    .z-item_text-leftside {
        margin-left: 0;
    }
    .z-block-leftside .inner-block-leftside {
        margin-left: 10px !important;
    }
    .z-vimeo iframe {
        height: 345px;
        width: 100%;
    }
    .set--three .set-item {
        width: 100% !important;
    }
    .item-text-gray {
        padding-left: 10px;
    }
    .item-image-gray .click-image {
        padding-bottom: 0;
    }
}
/*========= Z-BLOCK END =========*/

.find-item {
    transition: .3s;
}

.find-item-link:hover {
    opacity: 1;
}

.find-item-text {
    padding: 20px;
    border-bottom: 2px solid #D7DBDD;
    width: 95%;
    margin: 0 auto;
    transition: .3s;
}

.find-item-title {
    margin: 0 0 5px;
    font-size: 20px;
    line-height: 23px;
    color: #222;
    text-align: left;
}

.find-item-subtitle {
    margin: 0 !important;
    font-size: 18px;
    line-height: 21px;
    color: #222;
    text-align: left;
}

.find-item:hover .find-item-text {
    border-bottom: 5px solid #D7DBDD;
}

@media screen and (max-width: 599px) {
    /*
    .sample-promo-banner {
          background-image: url("https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Home-Images/sample-banner-mobile.jpeg");
          height: 266px;
      }
      .trade-promo-banner {
          background-image: url("https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Home-Images/trade-banner-mobile.jpeg");
          height: 341px;
      }
   */

    .h2-title {
        font-size: 20px;
        line-height: 20px;
    }

    .item-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
    }

    #samp {
        margin: 50px 0;
    }
    .section {
        margin-bottom: 50px !important;
    }
    .section-gray {
        padding: 50px 0 30px;
        background-size: 50%;
        background-position-x: 150%;
    }
    .set-item:nth-child(odd),.set-item:nth-child(even) {
        padding: 5px 0 !important;
    }

    .set-item.category-item-gray {
        padding: 5px !important;
    }

    .set-item.category-item-gray .item-title {
        font-size: 14px;
        padding-left: 0;
    }
    .section-title {
        margin: 0 0 20px 0;
        padding-bottom: 0px;
        padding-left: 0 !important;
    }

    .h2-title {
        margin: 0 0 20px 0;
    }


    /* .tab-item {
         margin: 0 !important;
         padding: 0 0 5px 0 !important;
         display: inline;
         font-size: 14px;
     }
     .tab-item:nth-child(2) {
         padding: 0 20px !important;
     }*/

}

/* color slider start */
#color-slider .tns-nav>[aria-controls] {
    width: 28px;
    height: 28px;
    border: 4px solid #fff;
}
#color-slider .tns-nav>.tns-nav-active {
    width: 40px !important;
    height: 40px !important;
    border: 6px solid #fff !important;
    background-image: url("/media/wysiwyg/Homepage/Hero/checker.svg")!important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
}
/* color slider end */


#color-slider .tns-nav>[aria-controls].tns-nav-active:nth-child(2) {
    border: 5px solid #fff !important;
}

#color-slider .tns-nav>[aria-controls].tns-nav-active:nth-child(2)::before {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-1326, .banner-1325, .banner-1333 {padding: 0 35px;}
.banner-1328, .banner-1334 {padding: 0 45px;}

@media only screen and (max-width: 599px) {
    .banner-1326,
    .banner-1325,
    .banner-1328,
    .banner-1333,
    .banner-1334 {padding: 0 !important;}
}

@media only screen and (max-width: 820px) {
    .tns-controls button[aria-controls] {
        top: 20px;
    }
}

@media only screen and (min-width: 771px) and (max-width: 900px) {
    .inner-block, .inner-block-leftside { margin: 0px !important;  width: 100%; }
    .z-item_text-leftside {
        margin-left: 20px;
    }
    .z-item_text {
        margin-right: 20px;
    }
    .inner-block-leftside .z-block-description {
        margin-bottom: 0 !important;
    }
    .std p {
        margin-bottom: 0 !important;
    }
}


@media only screen and (min-width: 599px) {
    .z-format{  padding: 0 20px; }
}

@media only screen and (max-width: 599px) {
    .set-item.category-item-gray {
        /*width: 49% !important;*/
        margin: 4px 0;
        padding: 0px !important;
        padding-bottom: 5px !important;
    }
    .arrow-right-2 {
        right: 0 !important;
    }
}

/*from live 090523 => */
.item-image .click-image {
    border-radius: 0px;
}

.sample-promo {
    border: 1px #f5f5f5 solid;
    border-radius: 0px;
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 1024px) {

    #samp,
    #trade {
        margin: 60px 5px;
    }

    .section-gray {
        margin-bottom: 15px !important;
    }
}

@media only screen and (max-width: 768px) {

    #samp,
    #trade {
        margin: 50px 5px;
    }
}

@media only screen and (min-width: 600px) {
    .sample-promo-banner {
        background-image: url('https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Aug-2022/hp-samples-banner-desktop-v5.jpg');
        border: 1px #f5f5f5 solid;
    }

    .sample-promo-banner-desktop,
    .trade-promo-banner-desktop {
        display: block;
    }

    .sample-promo-banner-mobile,
    .trade-promo-banner-mobile {
        display: none;
    }
}

@media only screen and (max-width: 599px) {
    .set-item.category-item-gray {
        /*width: 49% !important;*/
        margin: 4px 0;
        padding: 0px !important;
        padding-bottom: 5px !important;
    }

    .arrow-right-2 {
        right: 0 !important;
    }

    .z-block .z-item_image {
        width: 100% !important;
    }

    #samp {
        /*padding-top: 1px !important;
      margin: 10px 0 50px 0;*/
        /*    padding-top: 60px !important;*/
        /*    margin: 10px 0 40px 0;*/
    }

    .small-banner {
        height: auto !important;
    }

    #widget_slideshow_3 {
        max-height: unset !important;
    }

    .sample-promo-banner-desktop,
    .trade-promo-banner-desktop {
        display: none;
    }

    .sample-promo-banner-mobile,
    .trade-promo-banner-mobile {
        display: block;
    }

    /*  .sample-promo-banner {
    background-image: url('https://aicdn.speedsize.com/e0ef94ef-bbea-450b-a400-575c3145c135/www.tilebar.com/media/wysiwyg/Homepage/Aug-2022/hp-samples-banner-mobile-v3.jpg');
    border: 1px #f5f5f5 solid;
  }*/
    #projectplayer {
        min-height: 280px !important;
    }

    #widget_slideshow_1 {
        min-height: 280px !important;
    }

    #samp,
    #trade {
        margin: 30px 5px 40px !important;
    }
}

@supports not (aspect-ratio: 1 / 1) {
    #projectplayer::before {
        float: left;
        padding-top: 100%;
        content: "";
    }

    #projectplayer::after {
        display: block;
        content: "";
        clear: both;
    }
}

.vp-wirewax-container button {
    font-size: 11px !important;
}

/* Bullet Points Start */
#paypal {
    margin: 60px 0 0;
    padding-bottom: 0 !important;
}

#paypal .set.set--four {
    justify-content: space-between;
    column-gap: 10px;
    margin: 0 10px;
}

#paypal .set-item {
    /*  flex: 1;*/
    width: 300px;
    text-align: left;
    color: #000;
    /*padding-right: 50px !important;
  padding-bottom: 0 !important;*/
    padding: 0 !important;
}

#paypal .set-item a {
    color: #000 !important;
}

#paypal .item-icon {
    margin-left: 0;
    max-height: 25px;
    width: auto;
    display: inline-block;
}

#paypal .item-title {
    /*  margin-top: 15px;*/
    font-size: 18px;
    color: #000;
    display: inline-block;
    margin: 0 0 0 15px !important;
    line-height: 40px;
    vertical-align: super;
}

@media only screen and (max-width: 1200px) {
    #paypal .set-item {
        width: 23%;
    }
}

@media only screen and (max-width: 1024px) {
    #paypal .set-item {
        /*    padding-right: 10px !important;*/
        width: 240px;
    }

    #paypal .item-title {
        margin: 0 0 0 5px !important;
    }
}

@media only screen and (max-width: 950px) {
    #paypal .set-item {
        width: 210px;
    }

    #paypal .item-title {
        font-size: 16px;
    }
}

@media only screen and (max-width: 900px) {
    #paypal .set.set--four {
        column-gap: 10px;
        margin: 0 10px;
    }

    #paypal .set-item {
        width: 46%;
        margin-bottom: 20px !important;
        padding-right: 0 !important;
    }

    #paypal .item-icon {
        max-height: 20px;
    }

    #paypal .item-title {
        font-size: 14px;
        margin: 0 0 0 3px !important;
    }

    #paypal .item-desc {
        font-size: 12px;
    }
}

@media only screen and (max-width: 768px) {
    #paypal .set-item {
        /*    padding-right: 40px !important;*/
        flex: unset;
        width: 49%;
        padding-right: 0px !important;
        margin-bottom: 20px !important;
    }

    #paypal .item-icon {
        max-height: 25px;
    }

    #paypal .item-title {
        font-size: 18px;
        margin: 0 0 0 3px !important;
    }

    #paypal .item-desc {
        font-size: 14px;
    }
}

@media only screen and (max-width: 599px) {
    #paypal {
        margin: 50px 0 50px;
    }

    #paypal .set-item {
        width: 90%;
        padding: 0;
        margin: 0 auto 20px;
        text-align: center;
    }

    #paypal .item-title,
    #paypal .item-icon {
        display: block;
        margin: 0 auto;
    }
    .section-gray .item-title {
        font-size: 18px;
        line-height: 20px;
    }
    .section-gray .item-subtitle {
        font-size: 12px;
    }
}

@media only screen and (max-width: 360px) {
    #apps-b .tns-nav>[aria-controls],
    #apps-c .tns-nav>[aria-controls] {
        font-size: 10px !important;
    }
}

#fs-post-1,
#fs-post-2,
#fs-post-3 {
    border-radius: 0;
}

@media only screen and (max-width: 300px) {
    #apps-b .tns-nav>[aria-controls],
    #apps-c .tns-nav>[aria-controls] {
        font-size: 9px !important;
        width: 29% !important;
    }
    #collage-2 .item-text {
        width: 100%;
    }
}
/* Bullet Points End */

/* Start Fix Cumulative Layout Shift */
@media (min-width: 769px) {
	.cms-index-index .header-sticky-wrapper:not(.is-sticky) .header-container-top {
		min-height: 76px;
	}
	.cms-index-index .main-banner-wrapper .tns-slider {
		position: relative;
	}
}
/* End Fix Cumulative Layout Shift */

/*Processed-by-SpeedSize:2026-06-04_21:16:36*/