body {
color: #1B2124;
background: #fff;
text-align:center;
font-family: "Open Sans", sans-serif;
font-weight:400;
letter-spacing: .01em;
font-size:0.9em;
line-height: 1.75;
}

.page, .screen-splash .page {
    padding: 0 0 0 0;
    background: #F5F3F1;
}




.page > .pp-section {
    min-height: calc(100vh - 306px);
}

.screen-products .page .pp-section {
    min-height:auto;
}

.screen-surfaces .page .pp-section {
    padding: 0px 0 90px 0;
}

.screen-contact .page > .pp-section, .screen-appication .page > .pp-section{min-height: calc(100vh - 306px);  padding: 90px 0 90px 0;}

    .screen-products.embedded .pp-section-intro{display:none;}
    
    .embedded .page, .screen-product.embedded .product-intro{background: #fff; padding-top:10px !important;}
   
   .screen-products.embedded .controls-container,.screen-products.embedded .show-filters-button, .embedded .footer, .embedded .navigation-container, .embedded .morelink{display:none !important}
   
    .embedded.screen-surface .columns, .embedded.screen-product .product-columns { align-items: flex-start;}
    
    .screen-surface .columns {column-gap: 4%;}
   
   
   .back-button{position:absolute; left: 0;z-index: 2; display:none; background:#fff; padding:0.25em;}
   .embedded .back-button{display:inline-block;}
   
   .embedded .details-content {
    margin-top: unset;}
    
    .embedded .product-info, .embedded .details {
    height: unset;}

section.navigation {
    display: flex;
    align-items: center;
    
    box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, .12);
    padding: 0 1.2rem;
    border-radius: 12px;
    max-width:1200px;
    background:rgba(255,255,255,1);
}

span.florimuklogo {
    width: 10%;
    display: flex;
    align-items: center;
}

span.authpartnerlogo {top: unset;bottom: unset; position: relative;width: 100%;
  background: white;
  display: block;}
.authpartnerlogo img {width:200px; height:auto;}

.navigation-container {display: flex; justify-content: center; height:auto; width:unset; background:unset; backdrop-filter:unset; -webkit-backdrop-filter:unset; right:0; padding: 1.1rem 2.4rem 0;}

.navigation .menu {
  display: flex;
  margin: auto;
  height: auto;
  margin-top: 0;
  flex-direction: row !important;
 justify-content: space-around;
 width: 90%;   
    
}



.menu li {width: 100%;line-height: 64px; font-size:14px;}
.menu a { display: block; width:auto;}

.florimuklogo a {
    display: flex;
}

.florim-movie{position:relative; width:100%; line-height:0}

.image-banner-01 img{width:100vw; height:100vh; background-repeat: no-repeat; background-position:center bottom; background-size:cover;}
.image-banner-01 img{background-image:url(/florimuk/images/homepage/florim-uk-homepage-banner.jpg?ver=2);}

section.pp-section.pp-section-intro {
    max-width: 1010px;
    margin: auto;
    padding:6vh 4vw;
    width: 90%;
    text-align: left;
}

.movie-caption-container{position:absolute; bottom:0%; width:100%;
    background: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}

.movie-caption{text-align:left; padding:4vw;}

.movie-caption h1,.movie-caption h2{letter-spacing:unset; color:#fff; margin-right: 25%;margin-bottom: 0; margin-top: 0;}
.movie-caption h1{font-size:35px; font-weight:600;}
.movie-caption h2{font-size:22px;font-weight:400;line-height: 1.5em; margin-left:3.5vw;}
.home-logo img{width:25%;}

@media screen and (max-width: 1023px) {
  .image-banner-01 img{background-image:url(/florimuk/images/homepage/florim-uk-homepage-banner-1080.jpg?ver=2);}  
  .movie-caption h1,.movie-caption h2{margin-right: 10%;margin-left: 7.5vw;}
   .home-logo img{width:50%;}
}

@media screen and (max-width: 900px) {
  .image-banner-01 img{background-image:url(/florimuk/images/homepage/florim-uk-homepage-banner-768.jpg?ver=2);}
  .movie-caption h1,.movie-caption h2{margin-right: 0%;}
 
}

.screen-contact .menu-enquire a, .screen-product .menu-products a, .screen-products .menu-products a, .screen-services .menu-services a, .screen-surfaces .menu-surfaces a, .screen-surface .menu-surfaces a, .screen-inspo .menu-inspo a, .screen-splash .menu-splash a {
    background: #fff;
    color: #1B2124;
    font-weight: 700;
}

.article-content {
    width: 50%;
}

.article-image {
    transform: translateX(0px);
    width: 50%;
    font-size: 0;
}



.specification-table th {
    font-weight: 700;
}

.specification-table td, .specification-table th {
    padding: 2vw 1vw;
}

.product-columns{background:unset;}

.pp-colourlist li{max-width: 100%;}

.pp-colourlist li.pp-tag-tm12::after {
content: "12mm";
    text-transform: unset;
}

.pp-colourlist li.pp-tag-tm20::after {
content: "20mm";
    text-transform: unset;
}

.pp-colourlist li.bookmatch::after {
content: "Bookmatch";
font-size: 7px;
}

.colourname::after{position: absolute; margin-left: 5px;}

.colourname-id{line-height: 0;}

.colournames h4.factoryrange {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #979797;
    font-size: smaller;
    font-weight: 400;
}

.screen-carousel{
    overflow: scroll;
    scroll-snap-type: x mandatory;
}

.screen-carousel-container li {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    scroll-snap-align: start;
}

.screen-carousel-container li:nth-child(even) {
flex-direction: row-reverse;
}

.screen-carousel-container li:nth-child(odd) .article-image img{
    object-position: left center;
}

.product-intro{
    padding-top: 80px;
}

.product-intro h1 {
    text-indent: unset;
}

.product-image, .screen-product-list li{
    position:relative;
}
.product-image:after, .screen-product-list li:after {
    content: "";
    width: 230px;
    height: 40px;
    display: block;
    background: url(https://tailormade.uk/wp-content/themes/porcelain-tiles-2016/images/tm/tailor-made-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position:right center;
    position: absolute;
    z-index: 1;
    right: 5%;
    bottom: 5%;
}

.screen-product-list li:after {
    width: 50%;
    height: 30px;
    top: 3%;
    bottom: unset;
}
.product-gallery ul {
    padding: 0;
    overflow: scroll;
    overflow-y: hidden;
}


.authpartnermessage:after{
    content: "Florim ";
}

span.florim-product-message:after {
    content: "These products are created by Tailor‐made+ with Florim slabs and surfaces.";
    font-weight: 400;
}

.screen-product-list li .label h4:after{
    content: " by Tailor‐made+ with Florim surfaces.";
}

.colournames h4, .screen-product-list li .label h3 {
    font-weight: 600;
    text-transform: unset;
    letter-spacing: unset;
    font-size:14px;
}

.specification-table thead th {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
    color: #999;}


.screen-product-list li .label h4 {
    max-width: 80%;
    font-size:12px;
}

legend {
    font-weight: 600;
    letter-spacing: unset;
    font-size:12px;
}

.show-filters-button {
    width:150px;
    left: 5vw;
}





.contact-container{
    background: #fff; max-width:900px; margin:auto; padding: 2em; border-radius: 12px;text-align: left;
}
.contact-container h1{margin-top:0;}

.footer{
    padding: 2.5rem 0;
    background: #1b2124;
    color: #fff;
    text-align: center;
}

section.footer-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    max-width: 1000px;
    margin: auto;
}

.footer-content ul {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0;
    margin: auto;
}

.footer-content ul ul {
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
}

.footer-content ul li {
    text-align: left;
    line-height: 3em;
}

.footer-content span.florimuklogo {
    min-width: 140px;
}

.footer a{text-decoration:none; color:#fff; padding:1em 0;}


.screen-products .page, .screen-surfaces .page {
    padding: 80px 0 0 0;
}

body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-nav>.active>a, body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-nav>.active>a:focus, body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-nav>.active>a:hover {
    color: unset;
    background-color: unset;
}

.embedded .pswp__bg {background: rgba(255, 255, 255, 0.9);}
.embedded .pswp__item, .embedded .pswp, .embedded .pswp__scroll-wrap{bottom: unset; height: 900px;}
/*.embedded .pswp__img{position:relative !important;}*/
/*.embedded .pswp--animated-in .pswp__zoom-wrap {transform: none !important;}*/

.pswp__top-bar { background-color: rgba(255, 255, 255, 0.5) !important;}
.pswp__counter{color:#333;}

@media screen and (max-width: 1023px) {
    .screen-services .page, .screen-surface .page, .screen-product .page {
        padding: 80px 0 0 0;
    }
    .screen-carousel-container li, .screen-carousel-container li:nth-child(even) {
        flex-direction: column;
    }
    
    .article-container {
        padding: 6vh 4vw;
    }
    
    .article-image, .article-content { 
        width: 100% !important;
    }
    
    .product-image, .swatches {
        margin-top: unset;
        padding: 2vw;
    }
}


@media screen and (max-width: 800px) {
    
    .movie-caption h1 {font-size: 30px;}
    .movie-caption h2 {font-size: 17px;}
    .movie-caption{padding:6em 4vw 8em 4vw;}
    .navigation-container {
        padding: 1rem 1rem 0;
    }
    .menu li { 
        line-height: 54px; 
        font-size:13px;
    }
    span.florimuklogo {
        width: 20%;
    }
    .product-intro {
        padding-top: 0px;
    }
    
    .footer-content ul {
    flex-wrap: nowrap;flex-direction: column;}

}