/*--Style Sheet:Owl Carousel - 12--*/
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); 
}
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100% !important;
    height: auto !important;
   }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav img{width:14px;height:auto;}
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel.modernkits .animated {
  animation-duration: 2000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.owl-carousel.brochures{
    position:relative;
}
.owl-carousel.brochures:before{
    content: url(/assets/exclusive-offers-roundel.png);
    width: 80px;
    height: 80px;
    position: absolute;
    left: 16px;
    top: 16px;
    display: block;
    z-index: 2;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {}
  .owl-theme .owl-nav [class*='owl-'] {
    cursor: pointer;}
    .owl-theme .owl-nav [class*='owl-']:hover { }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0px;
  text-align:center; }

.owl-theme .owl-dots {
  text-align: right;
  -webkit-tap-highlight-color: transparent;
  height:32px;  
  margin-top:8px; 
  }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    border: none;
    background-color: transparent;
    padding: 0px 2px;
    height: 32px;
    line-height: 32px;

}
    .owl-theme .owl-dots .owl-dot span {
      width: 8px;
    height: 8px;
    margin: 4px;
    background: #c8c7c7;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 4px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #54575a; }
.owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.owl-theme .owl-nav .owl-prev{
    left:0;
}
.owl-theme .owl-nav .owl-next{
    right:0;
    margin-left: 4px;
}
.owl-carousel .owl-item .uspItem{
    display: block;
}
.owl-carousel .owl-item .uspItem img{
    width:32px;
    height:32px;
    float:left;
}
.owl-carousel .owl-item .uspItem span{
    display: block;
    text-align: center;
    margin-top: 0.5rem;
    color:#67737b;
    font-size:0.8rem;
}
.uspItem:before{
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    margin: auto;
}
.uspItem#price:before{background-image: url(/assets/icon-usps-price.png);}
.uspItem#warranty:before{background-image: url(/assets/icon-usps-warranty.png);}
.uspItem#design:before{background-image: url(/assets/icon-usps-design.png);}
.uspItem#heritage:before{background-image: url(/assets/icon-usps-heritage.png);}
.uspItem#colours78:before{background-image: url(/assets/icon-usps-colours-choice.png);}
.uspItem#cabColours:before{background-image: url(/assets/icon-usps-cab-colours.png);}
.uspItem#finance:before{background-image: url(/assets/icon-usps-finance.png);}
.uspItem#awardWinning:before{background-image: url(/assets/icon-usps-award-winning.png);}

.owl-theme .owl-nav{
    display:inline-block;
}
.owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev{
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
    transform: none;
    outline: none;
    border: none;
    background-color: rgba(255, 255, 255, 0.75);
    margin-top:32px;
}
.owl-theme .owl-nav .owl-next:before, .owl-theme .owl-nav .owl-prev:before{
    font-family: FontAwesome;
    color: #54575a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.owl-theme .owl-nav .owl-prev:before{content:url(/assets/Showcase/mck-left-chevron.png);}
.owl-theme .owl-nav .owl-next:before{content:url(/assets/Showcase/mck-right-chevron.png);}






























/*--Style Sheet End:Owl Carousel - 12--*/

/*--Style Sheet:Microsite Styles - 49--*/
.cta-row-bg-img.micrositeBrochure{background-image:url('/assets/Showcase/microsite-brochure-request.jpg');}
.retailer-intro-details h2{
    font-size:32px;
    line-height:24px;
    margin-bottom:24px;
}
.microsite-footer{
    background-color:#ececeb;
    border-top:solid 1px #54575a;
}
.microsite-footer h6{
    font-size:24px;
    line-height:32px;
    margin-bottom:16px;
}
.microsite-footer p{
    font-size:14px;
    line-height:24px;
    margin-bottom:16px;
}
.retailer-intro-details{font-size:18px;}
.microsite-intro-details {
    font-size: inherit;
    line-height: 24px;
    position:relative;
    margin-bottom:24px;
}
.microsite-intro-details.phone a{
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-size: 20px;
    text-decoration: none;
    letter-spacing: 2px;
    color:#343c4d;
}
.microsite-intro-details.phone a:before{
    content: "\f095";
    font-family: FontAwesome;
    color: #99ced2;
    margin-right: 8px;
}
.map-container.microsite{
    height:280px;
    margin-bottom:32px;
}
.microsite-showroom-info {
    width: 50%;
    float: left;
    margin-bottom:24px;
}
#reviewsCarousel{text-align:center;}
#reviewsCarousel blockquote p{
    font-family:baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    text-align:center;
    max-width:960px;
    width:100%;
    font-size:20px; 
    margin:auto;
}
#reviewsCarousel blockquote:after{
    left:50%;
    transform:translateX(-50%);
}

/* Carousels */
.owl-carousel.story{position:relative;}
.owl-carousel.story .owl-item img{width:100% !important;height:auto !important;}
.owl-carousel.story .owl-dots{
    position:absolute;
    bottom:0;
    margin-top:0 !important;
    margin-bottom:16px;
    display:block;
}
.owl-carousel.story .owl-dots .owl-dot{
    margin-top:0;
    margin-bottom:0;
    margin-left:0;
    margin-right:8px;
}
.owl-carousel.story .owl-dots .owl-dot:last-child{margin-right:0;}
.owl-carousel.story .owl-dots .owl-dot span{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.50);
    margin:0;
}
.owl-carousel.story .owl-dots .owl-dot.active span{background-color:#ffffff;}
.intro-address {
    border-top: solid 1px #ececeb;
    border-bottom: solid 1px #ececeb;
    position: relative;
    height: 64px;
    text-align:center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.intro-address-inner {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.intro-address-detail, .intro-phone-detail {
    display: inline-block;
    color:#54575a;
}
.intro-address-detail{margin-right:16px;}
.intro-address-detail > div:before{
    font-family:FontAwesome;
    content:"\f041";
    padding-right:8px;
}
.intro-phone-detail a{
    color:#54575a;
    text-decoration:none;
}
.intro-phone-detail a:before{
    content: "\f095";
    font-family:FontAwesome;
    margin-right:8px;
}
.consumer-quote {
    padding-left: 0;
    text-align:center;
}
.consumer-quote blockquote {
    margin: 0;
    position: relative;
    margin-bottom:24px;
}
.consumer-quote blockquote p{
    font-family:Georgia, serif;
    font-size:20px;
    line-height:40px;
    padding-top:24px;
    margin-bottom:24px;
}
.consumer-quote blockquote:before {
    content: "";
    background-image: url(/assets/Showcase/quote-light.png);
    background-size: 64px 52px;
    width: 64px;
    height: 52px;
    display: block;
    margin: 0 auto 16px;
    position: absolute;
    z-index:-1;
}

p.lg{font-size:24px;}
.nap {
    padding: 16px 0;
    border-bottom:solid 1px #ececeb;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.nap-details {
    display: inline-block;
    margin-right: 24px;
}
.nap-details:last-child{margin-right:0;}
.nap-details.address div, .nap-details a{color:#54575a;font-size:14px;}
.nap-details.address div:before{
    content: "\f041";
    font-family:FontAwesome;
    margin-right:8px;
    color:#c8c7c7;
}
.nap-details.phone:before{
    content: "\f095";
    font-family:FontAwesome;
    margin-right:8px;
    color:#c8c7c7;
}
blockquote p{
    margin-left:0;
    margin-right:0;
    font-size:22px;
}

footer.microsite{
    border-top:solid 1px #54575a;
    text-align:left;
}
footer.microsite h6{font-size:22px;}
footer.microsite p{font-size:14px;}
.display img{
    display:block;
    margin-bottom:16px;
    text-align:left;
}
.display h5{
    font-size: 24px;
    margin-top: 0;
    margin-left: 0 !important;
    margin-bottom: 8px !important;
}
.display p{
    font-size: 14px;
    margin-top: 0;
    margin-left: 0 !important;
    margin-bottom: 8px !important;  
}
.service{
    padding:0 24px;
}
.service h5{
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 16px !important;
}
.service span.service-number{
    font-size: 48px;
    line-height: 48px;
    font-family: Georgia, serif;
    color: #99ced2;
    margin-bottom: 16px;
    display: block;  
}
a.footer-social {
    color: #54575a;
    text-decoration: none;
}
.footer-social:before{
    content:"";
    font-family:FontAwesome;
    margin-right:6px;
}
.footer-social.facebook:before{content:"\f082";}
.footer-social.instagram:before{content:"\f16d";}
.footer-social.twitter:before{content:"\f081";}
.footer-social.pinterest:before{content:"\f0d3";}
.footer-social.houzz:before{content:"\f27c";}

/* RESPONSIVE - Default is large screen */

/* Mobile */
@media screen and (min-width: 100px) and (max-width: 576px){
.microsite-showroom-info{width:100%;}
.retailers-intro.microsite {height:auto !important;}
.retailers-bg {position: static;}
.retailers-bg-slider.microsite-intro-img, .retailers-bg-slider.microsite-intro-img .retailer-carousel-img {height: 160px !important;}
.microsite-title-overlay{
    position: static;
    transform: none;
    padding:32px 0;
}

.intro-address{
    height:auto;
    padding:16px 0;
    text-align:left;
}
.intro-address-inner{
    position:static;
    transform:none;
}
.intro-address-detail, intro-phone-detail{
    display:block;
    margin-right:0;
    font-size:14px;
}
.intro-address-detail{margin-bottom:16px;}
p.lg{font-size:16px;}
.nap-details {
    display:block;
    margin-right: 0;
    margin-bottom: 16px;
}
.nap-details:last-child{margin-bottom:0px;}
blockquote p{
    font-size:16px;
}
.retailer-quote {
    padding-left: 0px;
}
.retailer-quote blockquote p {
    font-size: 16px;
    line-height: 32px;
}
.consumer-quote {
    padding-left: 0px;
}
.consumer-quote blockquote p {
    font-size: 16px;
    line-height: 32px;
}

}

/* Tablet */
@media screen and (min-width: 577px) and (max-width: 768px){
h2, h3, h4{font-size:24px;}
p.lg{font-size:16px;}
.retailer-quote {
    padding-left: 0px;
}
.retailer-quote blockquote p {
    font-size: 16px;
    line-height: 32px;
}
.microsite-title-overlay h1 {
    font-size: 32px;
    margin-bottom: 8px;
}
h2, h3{font-size:24px;}
h5{font-size:20px;}
}

/* Small Screen & Tablets */
@media screen and (min-width: 769px) and (max-width: 989px){

p.lg{font-size:20px;}
.retailer-quote blockquote p {
    font-size: 16px;
    line-height: 32px;
}

}

/* Medium Screen */
@media screen and (min-width: 990px) and (max-width: 1280px){

p.lg{font-size:20px;}

}

/* Large Screen */
@media screen and (min-width: 1281px) and (max-width: 1440px){



}






/*--Style Sheet End:Microsite Styles - 49--*/

/*--Style Sheet:GRID - 51--*/
/* NEW GRID */
.grid-container{
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-auto-flow: dense;
}
/* Small */
@media only screen and (min-width: 100px) and (max-width: 576px){
.grid-container{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}
.grid-col.sm4{grid-column: span 4;}
.grid-col.sm3{grid-column: span 3;}
.grid-col.sm2{grid-column: span 2;}
.grid-col.sm1{grid-column: span 1;}
}
/* Medium */
@media only screen and (min-width: 577px) and (max-width: 768px){
.grid-container{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}
.grid-col.md4{grid-column: span 4;}
.grid-col.md3{grid-column: span 3;}
.grid-col.md2{grid-column: span 2;}
.grid-col.md1{grid-column: span 1;}
}
/* Large */
@media only screen and (min-width: 769px) and (max-width: 989px){
.grid-container{
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-column-gap: 32px;
    grid-row-gap: 32px;
}
.grid-col.lg10{grid-column: span 10;}
.grid-col.lg9{grid-column: span 9;}
.grid-col.lg8{grid-column: span 8;}
.grid-col.lg7{grid-column: span 7;}
.grid-col.lg6{grid-column: span 6;}
.grid-col.lg5{grid-column: span 5;}
.grid-col.lg4{grid-column: span 4;}
.grid-col.lg3{grid-column: span 3;}
.grid-col.lg2{grid-column: span 2;}
.grid-col.lg1{grid-column: span 1;}
}
/* XL */
@media only screen and (min-width: 990px) {
.grid-col.xl12{grid-column: span 12;}
.grid-col.xl11{grid-column: span 11;}
.grid-col.xl10{grid-column: span 10;}
.grid-col.xl9{grid-column: span 9;}
.grid-col.xl8{grid-column: span 8;}
.grid-col.xl7{grid-column: span 7;}
.grid-col.xl6{grid-column: span 6;}
.grid-col.xl5{grid-column: span 5;}
.grid-col.xl4{grid-column: span 4;}
.grid-col.xl3{grid-column: span 3;}
.grid-col.xl2{grid-column: span 2;}
.grid-col.xl1{grid-column: span 1;}
}



/* W3 CSS */
.w3-col.form-overlay {
    margin-top: -375px;
}
.w3-responsive{overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:577px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:990px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding.border-top{border-top:solid 1px #ececeb;}
.w3-row-padding.padding-top{padding-top:64px;}
.w3-row-padding {
    padding: 0 16px;
    display: flex;
    flex-wrap: wrap;
}
.w3-row {
    display: flex;
    flex-wrap: wrap;
}
.justify-center{justify-content: center!important;}
.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 16px 32px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.w3-row-padding>.w3-col.two-panel, .w3-row-padding>.w3-col.no-mrg-btm{padding-bottom:0;}
.w3-row-paddingThin,.w3-row-paddingThin>.w3-half,.w3-row-paddingThin>.w3-third,.w3-row-paddingThin>.w3-twothird,.w3-row-paddingThin>.w3-threequarter,.w3-row-paddingThin>.w3-quarter,.w3-row-paddingThin>.w3-col{padding:0 1px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.w3-container,.w3-panel{padding:0;}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-container.topPage{padding-top:84px;}
.w3-container.top{margin-top:84px;}
.w3-container.fs{height:100%;position:relative;}
.w3-container.margin{margin:4rem 0;}
.w3-container.marginTop{margin-top:4rem;}
.w3-container.marginBottom{margin-bottom:4rem;}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 3s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
.w3-container.lightGrey{
    background-color:#ececeb;
}
@media only screen and (max-width: 568px) and (min-width: 100px){

.w3-row-padding > .w3-col{
    padding:0px 0px 32px;
}
.w3-row-padding > .w3-col:last-child{
    padding:0px 0px 0px;
}
.w3-row-padding.padding-top{padding-top:32px;}

}


/* RESPONSIVE */
/* Mobile */
@media only screen and (min-width: 100px) and (max-width: 576px){
.w3-col.form-overlay {margin-top: 0px;}
.w3-row-padding{padding:0 32px;}
.w3-row-padding>.w3-col.two-panel{padding-bottom:24px;}
}
/* Tablet */
@media only screen and (min-width: 577px) and (max-width: 768px){
.w3-col.form-overlay {margin-top: 0px;}
.w3-col.tab-fw{width:99.99999%;}
}
/* Small Screen & Tablets */
@media only screen and (min-width: 769px) and (max-width: 989px){
.w3-col.form-overlay {margin-top: 0px;}
}
/* Medium Screen */
@media only screen and (min-width: 990px) and (max-width: 1280px){
.w3-col.form-overlay {
    margin-top: -328px;
}
}




/*--Style Sheet End:GRID - 51--*/

/*--Style Sheet:HOMEPAGE - 53--*/
.fs-intro {
    width: 100%;
    height: calc(85vh - 168px);
    position: relative;
    background-color: #E6E2DA;
}

.fs-intro-img.left {
    width: 50%;
    height: 100%;
    float: left;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.fs-intro-img.hp{background-image:url('/assets/Showcase/masterclass-kitchens-main-test-03.jpg');}
.fs-intro-title {
    width: 50%;
    height: 100%;
    float: left;
    -ms-flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.fs-intro-title-inner{
    text-align:center;
    width:75%;
    padding:32px;
    margin:auto;
}
.fs-intro-btns {
    width: 100%;
    max-width: 400px;
    margin: auto;
}
.fs-intro-btns a.btn:last-child{margin-bottom:0;}
.fs-intro-btns a.btn{display:block;}
.fs-intro-chevron {
    width: 100%;
    height: 32px;
    position: absolute;
    text-align: center;
    bottom:24px;
    display: flex;
    -ms-flex-wrap: wrap;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-align: center;
    z-index:1;
}
.down-chevron {
    width: 100%;
    height: 32px;
    position: static;
    text-align: center;
    bottom:24px;
    display: flex;
    -ms-flex-wrap: wrap;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-align: center;
    z-index:1;
}
.fs-intro-chevron:before{content:url('/assets/mck-down-chevron-white.png');}
.down-chevron:before{content:url('/assets/mck-down-chevron.png');}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(-4px);
  }
}
.intro-bg.hp {
    width: 100%;
    height: 40vh;
    background-color: #c8c7c7;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image:url('/assets/Showcase/masterclass-kitchens-main-test-02.jpg');
}
a.intro-cta-btn {
    position: relative;
    height: 64px;
    line-height: 64px;
    width: 100%;
    display: table;
    background-color: #f3f3f2;
    text-decoration: none;
    margin-bottom: 16px;
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    color: #54575a;
    font-size: 20px;
}
.intro-cta-btn img {
    width: 32px !important;
    height: 32px !important;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    margin-left: 24px;
}
.intro-cta-btn span {
    line-height: 120%;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
a.hpCtaPanel {
display: flex;
    background-color: #f3f3f2;
    text-align: center;
    position: relative;
    height: 160px;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: Georgia;
    color: #54575a;
    text-decoration: none;
    font-size: 24px;
    -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 15%);
}
.hpCtaPanel img {
    width: 64px;
    height: 64px;
    margin-bottom: 8px;
}

/* -------------------------------- 
xscale 
-------------------------------- */
.headline.scale b {
  opacity: 0;
}
.headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.is-visible .headline.scale i {
  opacity: 1;
}
.headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  -moz-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}
.headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  -moz-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}

.no-csstransitions .headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .headline.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  60% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  60% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}

.words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}
.words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 50%;
    transform:translateX(-50%);
    top: 0;
    transition:opacity 0.4s ease;
    -moz-transition:opacity 0.4s ease;
    -webkit-transition:opacity 0.4s ease;
    -ms-transition:opacity 0.4s ease;
    -0-transition:opacity 0.4s ease;
}
.words-wrapper b.is-visible {
    position: relative;
}
.words-wrapper b.is-hidden, .no-js .words-wrapper b {
    opacity: 0;
}
.words-wrapper b.is-visible {
    opacity: 1;
}



.hp-intro{height:640px;}
.hp-intro.reduced{height:480px;}
.page-intro-carousel-img-hp{
    height:640px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
}
.hpIntroImg {
    position: relative;
    height: 640px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #ececeb;
}
.hpIntroImg.rh, .homepageSlide.rh{height:480px;}
.hpIntroImg .copy-container{padding:0;}
.hpIntroImg h1, .intro h1{font-size:56px;margin-bottom:1.2rem;}
.introBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#hpIntro .pageIntroImgBg{background-image:url('/assets/Showcase/masterclass-kitchens-passionate_.jpg');}
.introOverlay{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index:1;
}
.introOverlay h1, .introOverlay p, .introOverlay span{color:#ffffff;}

.introOverlay h2, .introOverlay h3 {
    color: #ffffff;
    font-size: 48px;
}
.introOverlay p:last-child{margin-bottom:0;}
.owl-carousel.homepageSlider{position:unset;overflow:hidden;}
.owl-carousel.homepageSlider .owl-item.active{opacity:1;}
.owl-carousel.homepageSlider .owl-item{opacity:0;}
.homepageSlide{
    width:100%;
    height:640px;
    overflow:hidden;
    background-size:cover;
    background-position:50% 50%;
    animation: kenburns 24s linear infinite 0s;
    -o-animation: kenburns 24s linear infinite 0s;
    -moz-animation: kenburns 24s linear infinite 0s;
    -webkit-animation: kenburns 24s linear infinite 0s;
    overflow:hidden;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
}
.page-intro-img .homepageSlide{height:400px;}
.homepageSlide.one, .homepageSlide.two, .homepageSlide.three{

}
.homepageSlide.one{
    background-image:url('/assets/Showcase/masterclass-kitchens-passionate_.jpg');
    opacity:1;
}
.homepageSlide.two{
    background-image:url('/assets/Showcase/hp-masterclass-kitchens-passionate-02.jpg');
    animation-delay: 8s;
    -o-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -webkit-animation-delay: 8s;
}
.homepageSlide.three{
    background-image:url('/assets/Showcase/hp-masterclass-kitchens-passionate-03.jpg');
    animation-delay: 16s;
    -o-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -webkit-animation-delay: 16s;
}

@keyframes kenburns {
    0% {
        opacity:0;
        transform:scale(1);
        -ms-transform:scale(1);      
    }
    5% {
        opacity: 1;
    }
    33.3333% {
        opacity: 1;
    }
    66.6666% {
        opacity: 1;
        transform:scale(1.1);
        -ms-transform:scale(1.1);
    }
    100%{
        opacity: 0;
        transform:scale(1);
        -ms-transform:scale(1);
    }
}

/* RESPONSIVE */
/* Mobile */
@media only screen and (min-width: 100px) and (max-width: 576px){
a.hpCtaPanel{
  	flex-direction:row;
    height:64px;
    font-size:16px;
}
.hpCtaPanel img {
    width: 48px;
    height: 48px;
    margin-bottom: 0;
    margin-right: 8px;
}
.fs-intro, .fs-intro-reduced {
    height: auto;
}
.fs-intro-img.left {
    width: 100%;
    height:240px;
    float: none;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.fs-intro-title {
    width: 100%;
    height: auto;
    float: none;
}
.fs-intro-title-inner{
    text-align:center;
    width:100%;
}
a.intro-cta-btn{
    font-size:14px;
    height:48px;
    line-height:48px;
    margin-bottom:8px;
    padding-right: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.intro-cta-btn img{
    margin-left:16px;
    width: 24px !important;
    height: 24px !important;
}
.page-intro-carousel-img-hp, .hp-intro, .hp-intro.reduced{
    height:320px;
}
.introOverlay.hp h1{
    font-size:32px;
    line-height:40px;
    margin-bottom:0;
}
.hpIntroImg, .homepageSlide, .videoBanner {
    height: 320px;
}
.hpIntroImg h1, .intro h1, .introOverlay h1, .introOverlay h2, .introOverlay h3, .introOverlay h4, .introOverlay h5 {
    font-size: 32px;
    line-height:40px;
}
}
/* Tablet */
@media only screen and (min-width: 577px) and (max-width: 768px){
 a.hpCtaPanel{
  	flex-direction:row;
    height:64px;
    font-size:16px;
}
.hpCtaPanel img {
    width: 48px;
    height: 48px;
    margin-bottom: 0;
    margin-right: 8px;
}
.fs-intro {
    height: auto;
}
.fs-intro-img.left {
    width: 100%;
    height:240px;
    float: none;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.fs-intro-title {
    width: 100%;
    height: auto;
    float: none;
}
.fs-intro-title-inner{
    text-align:center;
    width:100%;
}
a.intro-cta-btn{
    font-size:14px;
    height:48px;
    line-height:48px;
    margin-bottom:8px;
    padding-right: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.intro-cta-btn img{
    margin-left:16px;
    width: 24px !important;
    height: 24px !important;
}
.page-intro-carousel-img-hp, .hp-intro, .hp-intro.reduced{
    height:320px;
}
.introOverlay.hp h1{
    font-size:40px;
    line-height:48px;
    margin-bottom:0;
}
.hpIntroImg, .homepageSlide, .videoBanner {
    height: 320px;
}
.hpIntroImg h1, .intro h1, .introOverlay h1, .introOverlay h2, .introOverlay h3, .introOverlay h4, .introOverlay h5 {
    font-size: 40px;
    line-height:48px;
}
}
/* Small Screen & Tablets */
@media only screen and (min-width: 769px) and (max-width: 989px){
 a.hpCtaPanel{
  	flex-direction:row;
    height:64px;
    font-size:16px;
}
.hpCtaPanel img {
    width: 48px;
    height: 48px;
    margin-bottom: 0;
    margin-right: 8px;
}
a.intro-cta-btn{
    font-size:14px;
    height:48px;
    line-height:48px;
    margin-bottom:8px;
    padding-right: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.intro-cta-btn img{
    margin-left:16px;
    width: 24px !important;
    height: 24px !important;
}
.page-intro-carousel-img-hp, .hp-intro, .hp-intro.reduced{
    height:400px;
}
.introOverlay.hp h1{
    font-size:40px;
    line-height:48px;
    margin-bottom:0;
}
.hpIntroImg, .homepageSlide, .videoBanner {
    height: 320px;
}
.hpIntroImg h1, .intro h1, .introOverlay h1, .introOverlay h2, .introOverlay h3, .introOverlay h4, .introOverlay h5 {
    font-size: 40px;
    line-height:48px;
}
}
/* Medium Screen */
@media only screen and (min-width: 990px) and (max-width: 1280px){
 a.hpCtaPanel{
  	flex-direction:row;
    height:64px;
    font-size:16px;
}
.hpCtaPanel img {
    width: 48px;
    height: 48px;
    margin-bottom: 0;
    margin-right: 8px;
}
a.intro-cta-btn{
    font-size:14px;
    height:48px;
    line-height:48px;
    margin-bottom:8px;
    padding-right: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.intro-cta-btn img{
    margin-left:16px;
    width: 24px !important;
    height: 24px !important;
}
.page-intro-carousel-img-hp, .hp-intro, .hp-intro.reduced{
    height:480px;
}
.hpIntroImg, .homepageSlide, .videoBanner {
    height: 480px;
}
.hpIntroImg h1, .intro h1, .introOverlay h1, .introOverlay h2, .introOverlay h3, .introOverlay h4, .introOverlay h5 {
    font-size: 48px;
    line-height:56px;
}
}
/* ----------- LAPTOP Non-Retina Screens ----------- */
@media screen and (min-device-width: 1281px) and (max-device-width: 1600px){
.hp-intro, .hp-intro.reduced{height:480px;}
.content-container{width:85%;}
.content-row.padding, .content-container.padding {
    padding-top: 48px;
    padding-bottom: 48px;
}
.content-row.padding-top, .content-container.padding-top {padding-top: 48px;}
.content-row.padding-bottom, .content-container.padding-bottom {padding-bottom: 48px;}
}

/* ----------- LAPTOP Retina Screens ----------- */
@media screen 
  and (min-device-width: 1281px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
.hp-intro, .hp-intro.reduced{height:480px;}
.content-container{width:85%;}
.content-row.padding, .content-container.padding {
    padding-top: 48px;
    padding-bottom: 48px;
}
.content-row.padding-top, .content-container.padding-top {padding-top: 48px;}
.content-row.padding-bottom, .content-container.padding-bottom {padding-bottom: 48px;}
}

/*--Style Sheet End:HOMEPAGE - 53--*/

/*--Style Sheet:MAIN - 52--*/
@font-face{
    font-family: 'AvenirNextLTPro-Regular';
    src: url('/fonts/309A9B_0_0.eot');
    src: url('/fonts/309A9B_0_0.eot?#iefix') format('embedded-opentype'),url('/fonts/309A9B_0_0.woff2') format('woff2'),url('/fonts/309A9B_0_0.woff') format('woff'),url('/fonts/309A9B_0_0.ttf') format('truetype');
     font-display: swap;
}  
@font-face {
    font-family: 'AvenirNextLTPro-Demi';
    src: url('/fonts/309A9B_1_0.eot');
    src: url('/fonts/309A9B_1_0.eot?#iefix') format('embedded-opentype'),url('/fonts/309A9B_1_0.woff2') format('woff2'),url('/fonts/309A9B_1_0.woff') format('woff'),url('/fonts/309A9B_1_0.ttf') format('truetype');
     font-display: swap;
}

.optanon-alert-box-wrapper .optanon-alert-box-bg p{font-size:9pt !important;line-height:12pt !important;}
.nestedItems{display:none;}
/* Default */
.bread-crumbs{
    position:absolute;
    width:100%;
}
#bread_crumbs{padding:4px 0;color:#c8c7c7;font-size:13px;}
#bread_crumbs a{padding:0;text-decoration:none;color:#c8c7c7;}
html{ 
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -ms-overflow-style: scrollbar;
   -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth;
}
body {
   background: none repeat scroll 0 0 #ffffff;
   margin: 0;
   padding: 0;
   font-family: AvenirNextLTPro-Regular, sans-serif; 
   line-height:150%;
   color:#54575a;
   font-size:18px;
}
p{
    font-size: 18px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 24px;
}
ul, ol {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 24px;
    padding-left: 32px;
}
ol ::marker{
    font-family: Georgia;
    color: #bba677;
    font-weight: bold;
    font-size: 1.2rem;
}
ol li{
    margin-bottom: 16px;
}
ul.body li, ol.body li{margin-bottom:24px;}
ul.dimensions li {
    display: inline-block;
    border: solid 1px #54575a;
    /* padding: 4px 8px; */
    font-family: AvenirNextLTPro-Regular, sans-serif;
    box-sizing: border-box;
    margin-bottom: 8px;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
}
ul.dimensions {
    list-style-type: none;
    display: block;
}
p strong, ul strong, ol strong{
    font-weight:normal;
    font-family:AvenirNextLTPro-Demi, sans-serif;
}
p.terms{
    font-size:14px;
    color:#c8c7c7;
}
p.countdown{
    font-size:20px;
    line-height:24px;
    font-family:AvenirNextLTPro-Demi, sans-serif;
}
p.icon{
    text-align: left;
    padding-left: 24px;
    position: relative;
}
p.icon:before{
    content:"";
    font-family:FontAwesome;
    position:absolute;
    top:0;
    left:0; 
}
p.icon.view:before{
    content:"\f03e";
    font-size:14px;
    color:#99ced2;
}

span.bronze{color:#bba677 !important;}
span.tagline{
    font-family:AvenirNextLTPro-Demi, sans-serif;
    letter-spacing:2px;
    display:block;
    margin-bottom:24px;
}
span.pre-headline, .pre-section span{
    display: block;
    margin-bottom: 4px;
    font-size: 24px;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style:italic;
}
.pre-section span{
    margin-bottom:0;
    display:inline-block;
    background-color:#ffffff;
    padding:0 16px;
}
.pre-section{
    text-align:center;
    margin-bottom:16px;
    height:32px;
    line-height:32px;
}
.pre-section:after{
    content:"";
    background-color:#54575a;
    height:1px;
    width:100%;
    display:block;
    margin-top:-16px;
}
span.preheadline{
    letter-spacing:2px;
    display:block;
    margin-bottom:0px;
    font-size:13px;
}
span.tagline.award-winning:before{
    font-family:FontAwesome;
    content:"\f091";
    margin-right:8px;
}
a{color:#65BBC1;text-decoration:underline;}
a:hover{color:#65BBC1;}
h1, h2, h3, h4, h5, h6{
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: normal;
    margin-top: 0;
}
body.hline span.pre-headline, body.hline .pre-section span{
    font-family:AvenirNextLTPro-Demi, sans-serif;
}
body.hline h1, body.hline h2, body.hline h3, body.hline h4, body.hline h5, body.hline h6{
    font-family:AvenirNextLTPro-Demi, sans-serif;
    text-transform: uppercase;
}
body.hline h1{
    font-size:32px;
    line-height:40px;
}
body.hline h2{
    font-size:32px;
    line-height:40px;
}
body.hline h3{
    font-size:24px;
    line-height:32px;
}
body.hline h4{
    font-size:20px;
    line-height:24px;
}
body.hline h5{
    font-size:18px;
    line-height:24px;
}


h1{
    font-size:56px;
    margin-bottom:32px;
    line-height:64px;
}
h1.reduced{
    font-size:48px;
    margin-bottom:24px;
    line-height:56px;
}
h2{
    font-size:48px;
    margin-bottom:32px;
    line-height:56px;
}
h3{
    font-size:40px;
    margin-bottom:32px;
    line-height:48px;
}
h4{
    font-size:40px;
    margin-bottom:32px;
    line-height:48px;
}
h5{
    font-size:24px;
    margin-bottom:16px;
    line-height:32px;
}
h5.underline{
    padding-bottom:16px;
}
h5.underline:after{
    content: "";
    height: 1px;
    width: 128px;
    margin: 16px auto 0;
    background-color: #99ced2;
    display: block;
}
ul.icon{
    list-style-type: none;
    padding-left:24px;
    font-size:14px;
    margin-bottom:24px;
}
ul.icon.lg{
    list-style-type: none;
    padding-left:24px;
    font-size:18px;
    line-height:32px;
    margin-top:0px;
    margin-bottom:24px;
}
ul.icon li{
    text-indent:-1.4rem;
}
ul.icon li:before{
    font-family: FontAwesome;
    content: "\f00c";
    float: left;
    width: 1.4em;
    color:#65BBC1;
}
img{width:100%;height:auto;}
blockquote{
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 24px;
    text-align: left;
    position:relative;
}
blockquote:after{
    content: "";
    background-image: url(/assets/Showcase/quotation.png);
    background-repeat: no-repeat;
    background-size: 112px 80px;
    width: 128px;
    height: 96px;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
}
blockquote.italic:after{
    content: "";
    background-image: none;
}
blockquote.italic p{font-style:italic;padding-top:0;text-align:center;}
blockquote p {
    font-family: Georgia, Times, "Times New Roman", serif;
    margin-top: 0;
    padding-top:24px;
}
blockquote.large p {
    font-size:48px;
    line-height:64px;
}
blockquote.medium p {
    font-size:32px;
    line-height:48px;
}
blockquote.small p {
    font-size:24px;
    line-height:40px;
}
blockquote p {
    font-size:24px;
    line-height:32px;
}
span.hashtag{
    color:#08617F;
    font-family:AvenirNextLTPro-Demi, sans-serif;
    font-size:24px;
    margin-bottom:24px;
    line-height:32px;
    display:block;
}

/* Navigation & Header */
.mob-nav-left {
    float: left;
    margin-left: 24px;
    margin-top:8px;
    text-align: center;
}
.mob-header-btn a {
    display: block;
    text-decoration: none;
    color: #54575a;
    font-size: 14px;
}
.mob-header-btn span {
    font-family: AvenirNextLTPro-Demi, sans-serif;
    display:block;
}
.mob-header-btn span:before{
    content:"\f002";
    font-family:FontAwesome;
    color:#99ced2;
    display:block;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 32px;
    left: 32px;
    z-index: 99;
    border: solid 1px #edf1f3;
    outline: none;
    background-color:#ffffff;
    color: white;
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
}
#myBtn:before{
    content: "\f062";
    font-family: FontAwesome;
    color: #c8c7c7;
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#myBtn:hover {
    background-color: rgba(255, 255, 255, 1.0);
}
#myBtn {
    display: none;
    position: fixed;
    bottom: 32px;
    left: 32px;
    z-index: 99;
    border: solid 1px #f3f3f2;
    outline: none;
    background-color:#ffffff;
    color: white;
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
}
#myBtn:before{
    content: "\f062";
    font-family: FontAwesome;
    color: #c8c7c7;
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#myBtn:hover {
    background-color: rgba(255, 255, 255, 1.0);
}
.sale-banner {
    background-color: #AB2739;
    height: 48px;
    position: sticky;
    text-align: center;
    color: #ffffff;
    top:0;
    z-index:10;
}
.sale-banner a {
    width: 100%;
    height: 100%;
    display: block;
    color:#ffffff;
    text-decoration:none;
}
.sale-banner a:hover{text-decoration:underline;}
.sale-banner-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.sale-banner span{
    color:#ffffff;
    font-family: 'Zilla Slab', serif;
    font-weight: 100;
    font-size:20px;
}

.mobileCta{display:none;}
@media only screen and (max-width: 768px) {
    .mck-main-content{
        z-index:3 !important;
    }
} 
.mck-main-header{
    position:relative;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0px 0px 11px -8px #000000;
    box-shadow: 0px 0px 11px -8px #000000;
}
.mck-main-header.not-fixed{position:relative !important;}
.mck-main-header-top{
    padding:0;
    display:table;
    width:100%;
    height:96px;
    position:relative;
}
.mck-main-header-top > .content-container{position:relative;}

.mck-lg-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.mck-lg-nav img {
    width: 24px !important;
    height: 24px !important;
    display: block;
}
a.social-header {
    display: block;
    width: 24px;
    height: 24px;
}
a.social-header:before{
    content:"";
    font-family:FontAwesome;
    color:#54575a;
    font-size:24px;
}
a.social-header.pin:before{
    content:"\f0d2";
}
a.social-header.insta:before{
    content:"\f16d";
}
a.social-header.fb:before{
    content:"\f082";
}
a.social-header.twit:before{
    content:"\f099";
}
.mck-lg-nav.left{left:32px}
.mck-lg-nav.right{right:112px}
.mck-lg-nav ul {
    list-style-type: none;
    display: inline-block;
    margin:0;
    padding:0;
}
.mck-lg-nav ul li {
    display: inline-block;
    margin-right: 8px;
}
.mck-lg-nav ul li:last-child {margin-right: 0;}
.mck-lg-nav ul li a{
    font-family:AvenirNextLTPro-Demi;
    color:#54575a;
    text-decoration:none;
    font-size:18px;
}
.mck-lg-nav ul li a:hover{
}
a.mck-lg-cta{
    font-family:AvenirNextLTPro-Demi;
    color:#343C4D;
}
a.mck-lg-cta:hover{

}
a.mck-lg-cta:before{
    font-family:FontAwesome;
    color:#99ced2;
    margin-right:8px;
}
a.mck-lg-cta.brochure:before{content: "\f004";}
a.mck-lg-cta.retailers:before{content: "\f041";}
a.mck-lg-cta.phone:before{content: "\f095";}
a.mck-lg-cta.design:before{content: "\f040";}
.mob-cta{
    border-top:solid 1px #f3f3f2;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 48px;
    background-color: #343c4d;
    z-index:4;
    text-align:center;
    display:none;
}
a.mob-cta-btn {
    color: #ffffff;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    font-size: 12px;
}
a.mob-cta-btn:before{
    font-family:FontAwesome;
    color:#99ced2;
    margin-right:8px;
}
a.mob-cta-btn.retailers:before{content:"\f041";}
a.mob-cta-btn.brochure:before{content:"\f004";}
a.mob-cta-btn.video:before{content:"\f04b";}
nav.mck-nav{
    background-color:#54575a;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
nav.mck-nav ul{list-style-type:none;}
.mck-main-content, .mck-main-header {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}
.mck-main-content, .mck-main-header {
    position: relative;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
    .mck-main-content{
        z-index:3;
    }  
    .mck-main-content.nav-is-visible{
        -webkit-transform: translateX(-33.3333%);
        -moz-transform: translateX(-33.3333%);
        -ms-transform: translateX(-33.3333%);
        -o-transform: translateX(-33.3333%);
        transform: translateX(-33.3333%);
    }
    .mck-main-content.microsite-main.nav-is-visible{
        -webkit-transform: translateX(-66.6666%);
        -moz-transform: translateX(-66.6666%);
        -ms-transform: translateX(-66.6666%);
        -o-transform: translateX(-66.6666%);
        transform: translateX(-66.6666%);
    }
    .nav-on-left .mck-main-content.nav-is-visible, .nav-on-left .mck-main-header.nav-is-visible {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        -ms-transform: translateX(260px);
        -o-transform: translateX(260px);
        transform: translateX(260px);
    }

.mck-main-content {
    background: #ffffff;
    min-height: 100vh;
    z-index: 2;
    padding-top:0px;
    display:block;
}
.mck-main-content.not-fixed{padding-top:0;}
.mck-main-header {
    height: 68px;
    background: #ffffff;
    z-index: 3;  
}
.mck-header-top{
    height: 80px;
    width: 100%;
    position: relative;
}
.mck-sub-nav {
    height: 48px;
    line-height: 48px;
    width: 100%;
    position: relative;
}
.mck-sub-nav ul.sub-nav{
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}
.mck-sub-nav ul.sub-nav li{
    display: inline-block;
    margin-right: 24px;
}
.mck-sub-nav ul.sub-nav li:last-child{
    margin-right:0;
}
.mck-sub-nav ul.sub-nav li a{
    text-decoration:none;
    color:#54575a;
    font-size:inherit;
    display:block;
}
ul.sub-nav li:hover{
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(84,87,90,1);
    -moz-box-shadow: inset 0px -1px 0px 0px rgba(84,87,90,1);
    box-shadow: inset 0px -1px 0px 0px rgba(84,87,90,1);
}
.dropdown-nav{
    display: none;
    width: 100%;
    position:absolute;
    left:0;
    text-align:left;
    z-index:2;
    margin-top:-1px;
    background-color:#ffffff;
    -webkit-box-shadow: 0px 0px 11px -8px #000000;
    box-shadow: 0px 0px 11px -8px #000000;
}
.dropdown-menu:hover .dropdown-nav{display:block;}
.dropdown-nav ul {
    text-align: left;
    list-style-type: none;
    line-height:32px;
    padding-left: 0;
    margin-top: 0;
    padding-bottom: 0;
}
.dropdown-nav ul li {
    display: block;
    width: 100%;   
}
.dropdown-nav ul li:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.dropdown-nav ul li a:hover{
    text-decoration:underline;
    color:#343c4d;
}
.dropdown-nav p{font-size:14px;}
.dropdown-nav p a{display:inline;text-decoration:underline !important;color:#65BBC1; !important}
.dropdown-nav {padding:0px 24px;}

.mobile-header-cta{
    display:none;
    float:left;
    text-align:center;
    margin-top:14px;
}
.mobile-header-cta a{
    text-decoration:none;
    color:#54575a;
    line-height:12px;
}
.mobile-header-cta a:before{
    content: "\f002";
    font-family: FontAwesome;
    color: #99ced2;
}
.mobile-header-cta a span{
    font-size:12px;
    font-family:AvenirNextLTPro-Demi, sans-serif;
    display:block;
}
.mck-header-cta{margin-top:28px;}
.mck-header-cta.left{
    float:left;
    display:inline-block;
}
.mck-header-cta.right{
    float:right;
    display:inline-block;
}
.mck-header-cta a.header-cta{
    font-family:AvenirNextLTPro-Demi, sans-serif;
    text-decoration:none;
    color:#54575a;
}
a.header-cta:before{
    font-family:FontAwesome;
    margin-right:8px;
    color:#99ced2;
}
a.header-cta.brochure:before{
    content:"\f004";
}
a.header-cta.design:before{
    content:"\f040";
}
a.header-cta.phone:before{
    content:"\f095";
}
.mck-main-header.cta{background-color:#ffffff;}
.nav-is-fixed .mck-main-header {
    /* add .nav-is-fixed class to body if you want a fixed navigation on > 768px */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

@media only screen and (min-width: 769px) {
    .mck-main-header {
        height: auto;
    }
    .mck-main-header::after {
        clear: both;
        content: "";
        display: table;
    }
}
@media only screen and (max-width: 568px) and (min-width: 100px){

}
.mck-logo img {
    display: block;
    width:196px;
    height:40px; 
    float:left;
}
.trustpilotGlobal{
    display: inline-block;
    float: left;
    margin-top: 17px;
    margin-left: 1.5rem;
}
.trustpilotGlobal img{display:block;}

    .mck-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

@media only screen and (min-width: 990px) {
    .mck-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
.trustpilotGlobal{
    display: inline-block;
    float: left;
    margin-top: 17px;
    margin-left: 1.5rem;
}
.trustpilotGlobal img{display:block;}
.mck-header-buttons {
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    margin: 0;
    padding: 0;
    height: 48px;
    width: 48px;
}
.mck-header-buttons li {
    display: inline-block;
}
    .nav-on-left .mck-header-buttons {
        right: auto;
        left: 5%;
    }
    .nav-on-left .mck-header-buttons li {
        float: right;
    }

.mck-search-trigger, .mck-nav-trigger {
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    z-index: 3;
    background-color: #ffffff;
    color: #54575a;
}
.mck-search-trigger::before, .mck-search-trigger::after {
    /* search icon */
    content: '';
    position: absolute;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mck-search-trigger::before {
    /* lens */
    top: 11px;
    left: 11px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #2e3233;
}
.mck-search-trigger::after {
    /* handle */
    height: 3px;
    width: 8px;
    background: #2e3233;
    bottom: 14px;
    right: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mck-search-trigger span {
    /* container for the X icon */
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.mck-search-trigger span::before, .mck-search-trigger span::after {
    /* close icon */
    content: '';
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 22px;
    top: 50%;
    margin-top: -2px;
    left: 50%;
    margin-left: -11px;
    background: #2e3233;
    opacity: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}
.mck-search-trigger span::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mck-search-trigger span::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mck-search-trigger.search-is-visible::before, .mck-search-trigger.search-is-visible::after {
    /* hide search icon */
    opacity: 0;
}
.mck-search-trigger.search-is-visible span::before, .mck-search-trigger.search-is-visible span::after {
    /* show close icon */
    opacity: 1;
}
.mck-search-trigger.search-is-visible span::before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.mck-search-trigger.search-is-visible span::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mck-nav-trigger span, .mck-nav-trigger span::before, .mck-nav-trigger span::after {
    /* hamburger icon in CSS */
    position: absolute;
    display: inline-block;
    height: 2px;
    width: 29px;
    background: #54575a;
}
.mck-nav-trigger span {
    /* line in the center */
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    -webkit-transition: background 0.3s 0.3s;
    -moz-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
    background-color: #54575a;
    height: 2px;
}
.mck-nav-trigger span::before, .mck-nav-trigger span::after {
    /* other 2 lines */
    content: '';
    right: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}
.mck-nav-trigger span::before {
    /* menu icon top line */
    top: -8px;
}
.mck-nav-trigger span::after {
    /* menu icon bottom line */
    top: 8px;
}
.mck-nav-trigger.nav-is-visible span {
    /* hide line in the center */
    background: rgba(46, 50, 51, 0);
}
.mck-nav-trigger.nav-is-visible span::before, .mck-nav-trigger.nav-is-visible span::after {
    /* keep visible other 2 lines */
    background: #54575a;
}
.mck-nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
    transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.mck-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 990px) {
    .mck-nav-trigger {
        display: inline-block;
    }
}

.mck-primary-nav, .mck-primary-nav ul {
    position: fixed;
    top: 168px;
    right: 0;
    height: 100%;
    width: 33.3333%;
    margin-top:0;
    padding:48px;
    background: #f3f3f2;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
ul.mck-secondary-nav, ul.mck-nav-standard{width:100%;top:0;}
.mck-primary-nav.microsite-nav, .mck-primary-nav.microsite-nav ul{
    width: max-content;
    margin: auto;
}
.mck-primary-nav li.mck-sale-nav{
    float:right;
}
.mck-primary-nav li.mck-sale-nav > a{
    color:#434b50;
    font-family:AvenirNextLTPro-Demi; 
    float:right; 
}
.mck-primary-nav li.mck-sale-nav > a:hover{
    background:#67737b;
    color:#ffffff;
}
.mck-primary-nav a, .mck-primary-nav ul a {
    font-size:18px;
    font-family:AvenirNextLTPro-Regular, sans-serif;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0;
    color: #54575a;
    text-decoration:none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}
a.retailer-nav-cta, a.brochure-nav-cta{font-family:AvenirNextLTPro-Demi, sans-serif;}
a.retailer-nav-cta:before{
    content: "\f002";
    font-family: FontAwesome;
    margin-right: 0.5rem;
    font-style: normal;
    color: #99ced2;
}
a.brochure-nav-cta:before{
    content: "\f004";
    font-family: FontAwesome;
    margin-right: 0.5rem;
    font-style: normal;
    color: #99ced2;
}

.mck-primary-nav.is-hidden, .mck-primary-nav ul.is-hidden {
    /* secondary navigations hidden by default */
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.mck-primary-nav.moves-out > li > a, .mck-primary-nav ul.moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}
.mck-primary-nav > li#showrooms, .mck-primary-nav > li#book-appt, .mck-primary-nav > li#brochures{
    display:none;
}
.mck-primary-nav > li.right{float:right;} 


    .mck-primary-nav li.mck-sale-nav{display:none;}
    .nav-on-left .mck-primary-nav, .nav-on-left .mck-primary-nav ul {
        right: auto;
        left: 0;
    }
    .mck-primary-nav > li#showrooms, .mck-primary-nav > li#book-appt, .mck-primary-nav > li#brochures{
        display:block; 
    }
    .mck-primary-nav > li#book-appt{
        background-color:#588c8c;
    }
    .mck-primary-nav > li#book-appt a{
        color:#ffffff;
        font-family:AvenirNextLTPro-Demi; 
    }
    .mck-primary-nav > li#showrooms a, .mck-primary-nav > li#brochures a{
        font-family:AvenirNextLTPro-Demi;
    }
    .mck-primary-nav > #showrooms a:before{
        font-family:FontAwesome;
        content:"\f041";
        margin-right:0.4rem;  
    }
    .mck-primary-nav > #brochures a:before{
        font-family:FontAwesome;
        content:"\f02d";
        margin-right:0.4rem;  
    } 
    .mck-primary-nav > #book-appt a:before{
        font-family:FontAwesome;
        content:"\f040";
        margin-right:0.4rem;  
    }   


.mck-primary-nav .see-all a {
    /* different style for the See all button on mobile and tablet */
    color: #69aa6f;
}
.mck-primary-nav .mck-nav-gallery .mck-nav-item, .mck-primary-nav .mck-nav-icons .mck-nav-item {
    /* items with picture (or icon) and title */
    height: 80px;
    line-height: 80px;
}
.mck-primary-nav .mck-nav-gallery .mck-nav-item h3, .mck-primary-nav .mck-nav-icons .mck-nav-item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.mck-primary-nav .mck-nav-gallery .mck-nav-item {
    padding-left: 90px;
}
.mck-primary-nav .mck-nav-gallery .mck-nav-item img {
    position: absolute;
    display: block;
    height: 40px;
    width: auto;
    left: 20px;
    top: 50%;
    margin-top: -20px;
}
.mck-primary-nav .mck-nav-icons .mck-nav-item {
    padding-left: 75px;
}
.mck-primary-nav .mck-nav-icons .mck-nav-item p {
    color: #67737b;
    font-size: 0.9rem;
    display: none;
    margin: 0;
}
.mck-primary-nav .mck-nav-icons .mck-nav-item::before {
    /* item icon */
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
}
    .mck-primary-nav {
        /* by default .mck-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
        visibility: hidden;
        -webkit-transition: visibility 0s .3s;
        -moz-transition: visibility 0s .3s;
        transition: visibility 0s .3s;
    }
    .mck-primary-nav.nav-is-visible {
            visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
    }
li.showrooms a:before{
    content: "\f041";
    margin-right: 8px;
    font-family: FontAwesome;
    color: #CCB616;
}
li.brochures a:before{
    content: "\f004";
    margin-right: 8px;
    font-family: FontAwesome;
    color: #004966;
}
li.book-appt a:before{
    content: "\f040";
    margin-right: 8px;
    font-family: FontAwesome;
    color: #CCB616;
}

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

}
.has-children > a, .go-back a {
    position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #67737b;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        background: #c9cbc4;
    }
    .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
        background: #69aa6f;
    }
}

.has-children > a {
    padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
    /* arrow goes on the right side - children navigation */
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%;
}

.mck-primary-nav .go-back a {
    padding-left: 40px;
}
.mck-primary-nav .go-back a::before, .mck-primary-nav .go-back a::after {
    /* arrow goes on the left side - go back button */
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
}

@media only screen and (min-width: 990px) {
    
}
.mck-search {
    position: absolute;
    height: 50px;
    width: 100%;
    top: 50px;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.mck-search form {
    height: 100%;
    width: 100%;
}
.mck-search input {
    border-radius: 0;
    border: none;
    background: #ffffff;
    height: 100%;
    width: 100%;
    padding: 0 5%;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.mck-search input::-webkit-input-placeholder {
    color: #c9cbc4;
}
.mck-search input::-moz-placeholder {
    color: #c9cbc4;
}
.mck-search input:-moz-placeholder {
    color: #c9cbc4;
}
.mck-search input:-ms-input-placeholder {
    color: #c9cbc4;
}
.mck-search input:focus {
    outline: none;
}
.mck-search.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .mck-search {
    position: fixed;
}
@media only screen and (min-width: 990px) {
    
}
.mck-overlay {
    /* shadow layer visible when navigation is active */
    position: fixed;
    z-index: 3;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(237, 241, 243, 0.75);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.mck-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}

    .mck-overlay.is-visible {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .nav-on-left .mck-overlay.is-visible {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        -ms-transform: translateX(260px);
        -o-transform: translateX(260px);
        transform: translateX(260px);
    }
    .mck-overlay.is-visible.search-is-visible, .nav-on-left .mck-overlay.is-visible.search-is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }


/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .mck-primary-nav {
    position: relative;
    height: auto;
    width: 100%;
    overflow: visible;
    visibility: visible;
    z-index: 2;
}

.no-js .mck-search {
    position: relative;
    top: 0;
    opacity: 1;
    visibility: visible;
}

@media only screen and (min-width: 990px) {
    .no-js .mck-primary-nav {
        position: absolute;
        z-index: 3;
        display: inline-block;
        width: auto;
        top: 0;
        right: 150px;
        padding: 0;
    }

    .no-js .nav-is-fixed .mck-primary-nav {
        position: fixed;
    }
}

/* Bottom Nav */

.fixed-bottom-mob{
    display:none;
    text-align:center;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background-color:#67737b;
    z-index:3;
}
.fixed-bottom-mob ul.bottom-nav-mob{
    padding:0;
    margin:0;
    list-style-type:none;
}
.fixed-bottom-mob ul.bottom-nav-mob li{
    width:33.3333%;
    float:left; 
}
.fixed-bottom-mob ul.bottom-nav-mob li a{
    display:block;
    text-decoration:none;
}
.fixed-bottom-mob ul.bottom-nav-mob li a span{
    font-size:0.7rem;
    font-family:AvenirNextLTPro-Demi;
    color:#ffffff;
}
.fixed-bottom-mob figure{
    margin:6px 0 0;
}
figure.brochures:before{
    font-family:FontAwesome;
    content:"\f02d";
    color:#ffffff;
}
figure.design-appt:before{
    font-family:FontAwesome;
    content:"\f040";
    color:#ffffff;
}
figure.showrooms:before{
    font-family:FontAwesome;
    content:"\f041";
    color:#ffffff;
}
@media only screen and (max-width: 568px) and (min-width: 100px){

    .fixed-bottom-mob{
        display:none;
    }
    #sigma-second-nav{
        display:none;
    }
    
}

/* RESPONSIVE */

/* Mobile portrait (devices and browsers) */
@media only screen and (min-width:100px) and (max-width:568px) {
	
    .mck-main-header{
        height:auto;
    }
    .header-reviews{
        left:9rem;
        margin-left:0;
    }
#bread_crumbs{display:none;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 568px) and (max-width: 768px) {

    .mck-main-header{
        height:auto;
    }
    .header-reviews{
        left:9rem;
        margin-left:2rem;
    }
    .header-ctas{
        display:none;
    }
	
}

/* Containers */
table{border:none !important;width:100%;}
table strong{font-family:AvenirNextLTPro-Demi;font-weight:normal;}
table tr:first-child{
    background-color:#e6e2da;
    height:40px;
}
table tr:first-child td{border:none !important;}
table tr{border-bottom:solid 1px #e6e2da;}
table tr td{
    border: none !important;
    padding: 4px;
}
.ctaIntro{
    width: 75%;
    margin: auto;
    text-align:center;
}
.ctaIntro p:last-child, .ctaIntro a:last-child, .ctaIntro h1:last-child, .ctaIntro h2:last-child, .ctaIntro h3:last-child, .ctaIntro h4:last-child, .ctaIntro h5:last-child{margin-bottom:0;}
.wishlist-container{
    width: 100%;
    max-width: 640px;
    margin:auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;   
}
.wishlist-container.offset{margin-top:-48px;}
.form-page-intro {
    width: 100%;
    height: auto;
    position: relative;
}
.usp-row.form-intro{padding-top:32px;}
.form-page-intro-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(/assets/urban-suede-ipad-brochure.jpg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.form-page-intro-cta.farringdon-grey{background-color:none;color:#ffffff;}
.cta-form-container {
    padding: 32px;
    background-color: #ffffff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: left;
}
a.back{color:#54575a;text-decoration:none;margin-top:24px;display:block;}
a.back:before{
    content:"\f053";
    font-family:FontAwesome;
    margin-right:8px;
}
.guide-title-bg {
    position: relative;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: 50% 50%;
    overflow:hidden;
}
.guide-title-bg-mob{display:none;}
.guide-title-bg.how-to{background-image:url('/assets/Showcase/kitchen-planning-guides-intro-bg.png');}
.guide-title-bg.start-renovation{background-image:url('/assets/Showcase/guide-intro-start-a-renovation.png');}
.guide-title-bg.layouts{background-image:url('/assets/Showcase/guide-intro-layouts.png');}
.guide-title-bg.styles{background-image:url('/assets/Showcase/guide-intro-styles_.png');}
.guide-title-bg.finishes{background-image:url('/assets/Showcase/guide-intro-finishes.png');}
.guide-title-bg.storage{background-image:url('/assets/Showcase/guide-intro-storage.png');}
.guide-title-bg.worktops{background-image:url('/assets/Showcase/guide-intro-worktops.png');}
.guide-title-bg.wishlist{background-image:url('/assets/Showcase/guide-bg-wishlist.png');}
.guide-title-bg.handles{background-image:url('/assets/Showcase/guide-intro-handles.png');}
.guide-title-bg.your-journey{background-image:url('/assets/Showcase/your-journey-bg.png');}
.guide-title-bg.design-service{background-image:url('/assets/Showcase/guide-intro-design-service.png');}
.guide-title-bg.manufacturing{background-image:url('/assets/Showcase/guide-intro-manufacturing.png');}
.guide-title-copy {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align:center;
}
.guide-title-copy h1{margin-bottom:0;}
.guide-title-copy-inner{padding-left:32px;padding-right:32px;}
.guides-nav ol {
    margin: 0;
    font-family: 'AvenirNextLTPro-Demi';
    padding-left:24px;
}
.guides-nav ol li {
    margin-bottom: 8px;
}
.guides-nav ol li a{
    color:#54575a;
    text-decoration:none;
}
.guides-nav ol li a:hover{text-decoration:underline;}
.guides-intro p {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: normal;
    margin-top: 0;
    font-size: 125%;
    line-height: 150%;
}
.guides-intro p:last-child{margin-bottom:0;}
.guide-img img {
    width: 90%;
    height: auto;
    margin: auto;
    display: block;
}
.guide-copy{width:90%}
.guides-info-panel{
    background-color:#CFE3E9;
    padding:32px;
}
.next-guide {
    width: 100%;
    padding: 32px;
    background-color: #ececeb;
    box-sizing: border-box;
    text-align: center;
}
.next-guide.light-pink{background-color:#FDE3D4;}
.next-guide.pale-yellow{background-color:#F6F1E4;}
.next-guide.teracotta{background-color:#C6A5AA;}
.next-guide.violet{background-color:#A48F9E;}
.next-guide.light-blue{background-color:#CFE3E9;}
.next-guide.orange-brown{background-color:#C4776B;}
.next-guide.yellow{background-color:#BEBC8A;}
.next-guide.powder-blue{background-color:#9fcbff;}
.next-guide.light-stone{background-color:#D7D0CE;}

.next-guide a{text-decoration:none;color:#54575a;display:block;}
.next-guide a:hover{text-decoration:underline;}
.next-guide a h3, .next-guide a span{color:#54575a;}
.next-guide a h3{margin-bottom:12px;}
.next-guide img{
    display: block;
    max-width: 96px;
    width: 50%;
    height: auto;
    margin: auto;
}
.guide-row {
    -ms-flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #F3F3F2;
    margin-bottom:32px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
.guide-row-img {width: 33.3333%;}
.guide-row-img img{display:block;}
.guide-row-copy {
    width: 66.6666%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:32px;
}
.guide-row-copy h3{margin-bottom:8px;}
.guide-row-copy a {
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-size: 120%;
    text-decoration: none;
}
.guide-row-copy a:after{
    content: "\f054";
    font-family: FontAwesome;
    color: #99ced2;
    margin-left: 8px;
    font-size: 12px; 
}
.guides-intro-bg.how-to{
    background-image:url('/assets/Showcase/guides-how-to-plan-bg.png');
}
.page-intro-carousel-img-hp.microsite1{background-image:url('/assets/Showcase/microsite-bg-img-01.jpg');}
.page-intro-carousel-img-hp.microsite2{background-image:url('/assets/Showcase/microsite-bg-img-02.jpg');}
.page-intro-carousel-img-hp.microsite3{background-image:url('/assets/Showcase/microsite-bg-img-03.jpg');}
.page-intro-carousel-img-hp.microsite4{background-image:url('/assets/Showcase/microsite-bg-img-04.jpg');}
.page-intro-carousel-img-hp.microsite5{background-image:url('/assets/Showcase/microsite-bg-img-05.jpg');}

.page-intro-carousel-img.kitchens01{background-image:url('/assets/Showcase/kitchens-for-living-01.jpg');}
.page-intro-carousel-img.kitchens02{background-image:url('/assets/Showcase/kitchens-for-living-02.jpg');}
.page-intro-carousel-img.kitchens03{background-image:url('/assets/Showcase/kitchens-for-living-03.jpg');}
.page-intro-carousel-img.kitchens04{background-image:url('/assets/Showcase/kitchens-for-living-04.jpg');}
#fallbackPlaceholder{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;  
}
.bg-video-container {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.bg-video-container.homepage{
    background-image:url('/assets/masterclass-kitchens-hp-hero_01.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.rk-cta{
    background-image:url('/assets/hp-real-kitchens-cta.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Handles{
    background-image:url('/assets/masterclass-kitchen-handles-hero.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.worktops{
    background-image:url('/assets/masterclass-kitchen-worktops-hero.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.kitchen-storage{
    background-image:url('/assets/masterclass-kitchen-storage-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.design-features{
    background-image:url('/assets/masterclass-design-features-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.living-collection{
    background-image:url('/assets/masterclass-freestanding-furniture-hero.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.modern-furniture{
    background-image:url('/assets/masterclass-freestanding-furniture-hero-02.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.classic-furniture{
    background-image:url('/assets/masterclass-freestanding-furniture-hero-03.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.fitted-kitchens{
    background-image:url('/assets/masterclass-fitted-kitchens-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Modern{
    background-image:url('/assets/masterclass-modern-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Shaker{
    background-image:url('/assets/masterclass-shaker-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Classic{
    background-image:url('/assets/masterclass-classic-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Handleless{
    background-image:url('/assets/masterclass-handleless-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Gloss{
    background-image:url('/assets/masterclass-gloss-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Painted{
    background-image:url('/assets/masterclass-painted-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Blue{
    background-image:url('/assets/masterclass-blue-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Grey{
    background-image:url('/assets/masterclass-grey-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Green{
    background-image:url('/assets/masterclass-green-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Pink{
    background-image:url('/assets/masterclass-pink-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Purple{
    background-image:url('/assets/masterclass-purple-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.Dark{
    background-image:url('/assets/masterclass-dark-kitchens-hero-202110.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.launch{
    background-image:url('/assets/autumn-product-launch-hero.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.brochure-mockup{
    background-image:url('/assets/urban-suede-ipad-brochure.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.pole-position{
    background-image:url('/assets/Showcase/be-in-pole-position.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.about-mck{
    background-image:url('/assets/Showcase/your-journey-about-masterclass.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container.wishlist{
    background-image:url('/assets/Showcase/mck-wishlist-bg-classic-stamford.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.page-intro-img.wishlist-bg{
    background-image:url('/assets/Showcase/masterclass-kitchen-wishlist-bg.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.page-intro-img.Handles{
    background-image:url('/assets/masterclass-kitchen-door-handles.jpg');
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.bg-video-container  iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.small-usp {
    display: flex;
    text-align: center;
    position: relative;
    height: auto;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: AvenirNextLTPro-Demi;
    color: #54575a;
    text-decoration: none;
    font-size: inherit;
    line-height:120%;
}
.small-usp img {
    width: 40px;
    height: 40px;
    margin-right: 8px;
}
.content-container.flex, .content-row.flex{
    -ms-flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.flex-middle {
    -ms-flex-align: center;
    align-items: center;
}
.hero-copy-container, .hero-image-container{
    width:50%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.hero-copy-container{padding-right:64px;}
.hero-copy-container.centre{padding-right:32px;padding-left:32px;text-align:center;}
.top-banner{
    background-color: #bba677;
    height: 40px;
    position: relative;
    text-align: center;
    color: #ffffff;
    top: 0;
    z-index: 10;
}
.top-banner-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.top-banner a {
    width: 100%;
    height: 100%;
    display: block;
    color: #ffffff;
    text-decoration: none;
}
.top-banner span {
    color: #ffffff;
    font-family: AvenirNextLTPro-Demi, sans-serif;
    font-weight: normal;
    font-size: inherit;
}

.panel{
    padding: 32px;
    color:#54575a;
}
.content-row{
    position:relative;
    z-index:1;
}
.content-row.fs{
    height: calc(100vh - 129px);
}
.content-row.top{margin-top: 128px;}
.content-row.overflow{overflow:hidden;}
.content-row:before, .content-row:after{
    content: "";
    display: table;
    clear: both;
}
.content-row.chevron:after{
    font-family: FontAwesome;
    content: "\f078";
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
}
.chevron{
position: absolute;
width:28px;
height:28px;
background: transparent;
border-top: 1px solid #54575a;
border-right: 1px solid #54575a;
transition: all 200ms ease;
}
.chevron.white{
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.textBanner p:last-child{margin-bottom:0;}
.chevron.chevronDown {
left: 50%;
bottom: 48px;
transform: translate3d(-50%,0,0) rotate(135deg);
}
.content-row.padding, .content-container.padding{padding-top:80px;padding-bottom:80px;}
.content-row.padding-top, .content-container.padding-top{padding-top:80px;}
.content-row.padding-bottom, .content-container.padding-bottom{padding-bottom:80px;}
.content-row.borders, .content-container.borders{
    border-top:solid 1px #f3f3f2;
    border-bottom:solid 1px #f3f3f2;
}
.content-row.borders-dark, .content-container.borders-dark{
    border-top:solid 1px #54575a;
    border-bottom:solid 1px #54575a;
}
.content-row.border-top, .content-container.border-top{
    border-top:solid 1px #f3f3f2;
}
.content-row.border-bottom, .content-container.border-bottom{
    border-bottom:solid 1px #f3f3f2;
}
.content-row.border-top-dark, .content-container.border-top-dark{
    border-top:solid 1px #54575a;
}
.content-row.border-bottom-dark, .content-container.border-bottom-dark{
    border-bottom:solid 1px #54575a;
}
.content-row.light-grey{background-color:#f3f3f2;}
.content-row.blue{background-color:#505461;}
.content-row.mulberry{background-color:#5e555e;}
.content-row.dark-grey{background-color:#54575a;}
.content-row.wisteria{background-color:#a48f9e;}
.content-row.hunter-green{background-color:#27433a;}
.content-row.black{background-color:#343434;}
.content-row.lilac{background-color:#D9D3CF;}
.content-row.umber{background-color:#332D2D;}
.content-row.slate{background-color:#4D4E53;}
.content-row.graphite{background-color:#51545F;}
.content-row.greys{background-color:#c8c7c7;}
.content-row.blues{background-color:#0F3455;color:#ffffff;}
.content-row.greens{background-color:#154A47;color:#ffffff;}
.content-row.purples{background-color:#6D5A70;color:#ffffff;}
.content-row.pinks{background-color:#B78A8A;color:#ffffff;}
/* JourneyColours */
.content-row.light-pink{background-color:#FDE3D4;}
.content-row.pale-yellow{background-color:#F6F1E4;}
.content-row.teracotta{background-color:#C6A5AA;}
.content-row.violet{background-color:#A48F9E;}
.content-row.light-blue{background-color:#CFE3E9;}
.content-row.lighter-blue{background-color:#e1eaf2;}
.content-row.orange-brown{background-color:#C4776B;color:#ffffff;}
.content-row.yellow{background-color:#BEBC8A;}
.content-row.bold-gold{background-color:#d1c2a3;}
.content-row.powder-blue{background-color:#9fcbff;}
.content-row.brown{background-color:#d1b099;}
.content-row.stone{background-color:#d9d3cf;}
.content-row.light-stone{background-color:#D7D0CE;}
.content-row.grey-blue{background-color:#9AA7B3;}
.content-row.hoxton-oak{background: url(/assets/hoxton-oak-bg-horizontal.jpg);background-size:cover;color:#ffffff;}
.content-row.silveroxideBg{background: url(/assets/Showcase/silver-oxide-bg.jpg);background-attachment: fixed;}


.content-row.mulberry, .content-row.wisteria, .content-row.hunter-green, .content-row.blue, .content-row.red, .content-row.dark-grey, .content-row.winter-sale, .content-row.spring-sale, .content-row.summer-sale, .content-row.blackfriday-sale, .content-row.umber, .content-row.slate, .content-row.graphite{color:#ffffff;}
.content-row.mulberry a, .content-row.wisteria a, .content-row.hunter-green a, .content-row.blue a, .content-row.red a, .content-row.dark-grey a, .content-row.winter-sale a, .content-row.spring-sale a, .content-row.summer-sale a, .content-row.blackfriday-sale a{color:#ffffff;}
.content-row.autumn-sale{color:#812020;}
.content-row.blue a.caption-block-link{color:#ffffff;}
.content-container{
    width: 100%;
    max-width: 1480px;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 auto;
}
.content-container.margin{padding-left:32px;padding-right:32px;}
.content-container.table{display:table;}
.copy-container{
    text-align: center;
    margin: 0 auto;
    width: 66.6666%;
}
.copy-container p:last-child{margin-bottom:0;}
.copy-container.left{text-align:left;}
.caption-block{text-align:center;position:relative;}
.caption-block img{
    width:100% !important;
    height:auto !important;
    margin-bottom:24px;
    position:relative;
    display:block;
}
.caption-block.link a{text-decoration:none;color:#54575a;display:block;}
.caption-block.link a h5, .caption-block.link a h3, .caption-block.link a h2,  .caption-block.link a span{text-decoration:none;color:#54575a;}
.caption-block.cta img{margin-bottom:0;display:block;} 
.caption-block img.video:after{
    content: url(/assets/video-play-white.png);
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%, -50%);
    display: block;
    z-index: 2; 
}
.caption-block.usp img{
    width:96px  !important;
    height:auto !important;
    margin:0 auto 16px;
}
.caption-block.usp.small img{
    width:48px  !important;
    height:auto !important;
    margin:0 auto 16px;
}
.caption-block a.caption-block-link, a.caption-block-href{
    text-decoration: none;
    color: #54575a;
    font-family: AvenirNextLTPro-Demi, sans-serif;
}
a.caption-block-href:hover{text-decoration:underline;}
.caption-block a h5{color:#54575a;text-decoration:none;}
.caption-block a h5{text-decoration:underline;}
a.caption-block-link:after,  a.caption-block-href:after{
    content: "\f054";
    font-family: FontAwesome;
    color: #99ced2;
    margin-left: 6px;
    font-size: 12px;
}
.caption-block h2, .caption-block h3, .caption-block h4{
    font-size:32px;
    line-height:40px;
    margin-bottom:16px;
}

.caption-block.sale h3{
    margin-bottom:16px;
}
.caption-block.sale p{
    font-size:14px;
    margin-bottom:0;
}
.caption-block-link:before{
    content: "";
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.carousel-video-container{overflow:hidden;}
.caption-block .carousel-video-sq {
    margin-bottom: 24px;
}
.carousel-video-sq {
    position: relative;
    padding-bottom: 100%;
    padding-top: 0;
    height: 0;
}
.carousel-video{
    position: relative;
    padding-bottom:66.6666%;
    padding-top: 0;
    height: 0;
    background-color: #54575a;
}
.caption-block .carousel-video-sq iframe {
    width: 200%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -50%;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
}
.caption-block-cta{
    display: block;
    background-color: #ffffff;
    height: 240px;
    position: relative;
}
.caption-block-cta h3, .caption-block-cta h4, .caption-block-cta h5, .caption-block-cta a, .caption-block-cta p{margin-bottom:16px;}
.caption-block-cta a:last-child{margin-bottom:0;}
.caption-block-cta.blue{
    background-color:#343C4D;
    color:#ffffff;
}
.caption-block-cta > div{
    position:absolute;
    width:100%;
    top:50%;
    transform:translateY(-50%);
}
.carousel-video-sq iframe, .carousel-video iframe{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
}
.cta-panel {
    background-color: #f3f3f2;
    padding: 24px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
}
.cta-panel h6{
    font-family:AvenirNextLTPro-Demi, sans-serif;
    font-size:16px;
    margin-bottom:8px;
}
.formBox{
    background-color:#ffffff;
    color:#54575a;
    padding:32px;
}
.form-container{
    background-color: #E6E2DA;
    padding: 48px;
}
.form-container h1{
    font-size: 40px;
    margin-bottom: 24px;
    line-height: 48px;
    color:#54575a !important;
}
.form-container h2, .form-container h3, .form-container h4{
    font-size: 32px;
    margin-bottom: 32px;
    line-height: 40px;
    text-align:center;
    color:#54575a !important;
}
.form-container h1 span, .form-container h2 span, .form-container h3 span{color:#CCB616;}
.form-container h5{color:#343C4D;}
.form-container p{color:#54575a !important;}
.drop-downs{margin:16px 0;}
.drop-downs > .accordion {
    color: #54575a;
    cursor: pointer;
    padding: 16px 0px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-family: AvenirNextLTPro-Demi;
    font-size:18px;
    margin-bottom:24px;
    border-bottom:solid 1px #54575a;
    background-color: transparent;
}
.bro-cta-panel{background-color:#ffffff;}
.bro-cta-panel-inner{padding:32px;}
.content-row.light-grey .drop-downs > .accordion{}
.drop-downs > .active, .accordion:hover {
    color: #54575a;
}
.drop-downs > .panel {
    padding: 0;
    display: none;
    overflow: hidden;
}
.drop-downs > .panel  p:last-child{margin-bottom:24px;}
.drop-downs > .accordion:after {
    content: '+';
    font-size: 16px;
    color: #54575a;
    float: right;
    margin-left: 5px;
}
.drop-downs > .active:after {
    content: "-";
}
.mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(84, 87, 90, 0.50);
}
.opacity-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(84, 87, 90, 0.40);
    z-index:1;
}
.page-intro-img{
    position: relative;
    width: 100%;
    height: 400px;
    background-color: #f3f3f2;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow:hidden;
}
.page-intro-img-hp{
    position: relative;
    width: 100%;
    height: 640px;
    background-color: #f3f3f2;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow:hidden;
}
.page-intro-carousel-img{
    height:400px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
}
.bg-video-container .page-intro-carousel-img{height:560px;}


.page-intro-img.Manufacturing{background-image:url('/assets/Showcase/factory-video-poster_.jpg');}
.page-intro-img.why-choose{background-image:url('/assets/Showcase/why-choose-masterclass-intro-bg.jpg');}
.page-intro-img.furniture{background-image:url('/assets/Showcase/furniture-bg.jpg');}
.page-intro {
    position: relative;
}
.page-intro h1{
    margin-bottom:0;
    font-size:56px;
    line-height:64px;
    color:#ffffff;
}
.page-intro p{font-size:24px;line-height:32px;margin-bottom:0;margin-top:16px;color:#ffffff;}
.page-intro-bg {
    width: 100%;
    height: 360px;
    background-color: #c7c6c6;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
}
.page-intro-bg.retailers{background-image:url('/assets/Showcase/experience-a-masterclass-kitchen.jpg');}
.page-intro-bg.why-choose{background-image:url('/assets/Showcase/why-choose-masterclass-intro-bg.jpg');}
.page-intro-bg.design-features{background-image:url('/assets/Showcase/kitchen-design-features-banner.jpg');}
.page-intro-bg.award-winning-kitchens{background-image:url('/assets/Showcase/kitchen-supplier-customers-will-love.jpg');}
.page-intro-bg.partner-programmes{background-image:url('/assets/Showcase/kitchen-supplier-partner-programmes.jpg');}
.page-intro-bg.arctic-frost{background-image:url('/assets/Showcase/arctic-frost-bg.jpg');color:#54575a;}
.page-intro-bg.new-brochures{background-image:url('/assets/Showcase/mck-brochures-bg.jpg');color:#54575a;}
.page-intro-bg.pole-position{background-image:url('/assets/Showcase/be-in-pole-position-flipped.jpg');}
.page-intro-over {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.down-arrow-overlay{
    position: absolute;
    bottom: 24px;
    left:50%;
    transform: translateX(-50%);
    width: 100%;
    text-align:center;
    z-index:1;
}
.down-arrow-overlay img{
    max-width:24px;
    height:auto;
    display:block;
    margin:auto;
}
.fsIntroBg{
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color:#c8c7c7;
    overflow:hidden;
}
.fsIntroBg.new{background-image:url('/assets/Showcase/homepagebg.jpg');}
.introBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.chevronHpIntro {
    left: 50%;
    bottom: 32px;
    transform: translate3d(-50%,0,0) rotate(135deg);
    width: 16px !important;
    height: 16px !important;
}
span.introBottomText {
    position: absolute;
    width: 100%;
    bottom: 54px;
    left:0;
    color: #ffffff;
    font-family: baskerville-display-pt, Georgia, serif;
    font-style: italic;
}
.brand-logos{
    text-align:center;
}
.brand-logos img{
    margin-right:16px;
    display:inline-block;
}
.brand-logos img:last-child{margin-right:0;}
.pageIntroImgBg{height:100%;background-repeat:no-repeat;background-size:cover;}
.homepageSlide.how-to-one{
    background-image:url('/assets/Showcase/how-to-choose-intro-01.jpg');
    opacity:1;
}
.homepageSlide.how-to-two{
    background-image:url('/assets/Showcase/how-to-choose-intro-02.jpg');
    animation-delay: 8s;
    -o-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -webkit-animation-delay: 8s;
}
.homepageSlide.how-to-three{
    background-image:url('/assets/Showcase/how-to-choose-intro-03.jpg');
    animation-delay: 16s;
    -o-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -webkit-animation-delay: 16s;
}
.gtlCaption img{
    max-width:120px !important;
    height:auto !important;
    display:block;
}
.gtlSlide{
    width: 100%;
    height: 600px;
    position: relative;
}
.gtlSlide .gtlCaption{
    float:left;
    padding: 3rem;
    text-align: left;
    height: 100%;
    background-color:#ffffff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.gtlCaption a{font-family:baskerville-display-pt, Georgia, sans-serif;font-style:italic;color:#54575a;text-decoration:none;}
.gtlCaption a:hover{text-decoration:underline;}
.gtlCaption.grey{background-color:#ececeb;}
.gtlSlide.third .gtlCaption{width:40%;}
.gtlSlide.third .gtlImage{width:60%;}
.gtlSlide.half .gtlCaption{width:50%;}
.gtlSlide.half .gtlImage{width:50%;}
.gtlSlide .gtlImage {
    height: 100%;
    float: left;
    background-color: #c8c7c7;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.range-intro-panel {
    background-color: #ececeb;
    padding: 48px 16px;
}
.range-intro-panel h1 {
    margin-bottom: 4px;
}
.range-intro-panel h6 {
    letter-spacing: 2px;
    display: block;
    margin-bottom: 16px;
    font-size: 18px;
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-style: italic;
}
.range-intro h1{
    margin-bottom:8px;
}
.range-intro h6{
    font-family: AvenirNextLTPro-Demi, sans-serif;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 24px;
}
.range-usps {
    margin-bottom: 24px;
}
.range-usp {
    display: block;
    height: 48px;
    position:relative;
    padding-left: 64px;
    margin-bottom: 16px;
    display:inline-table;
}
.range-usp:last-child{margin-bottom:0;margin-left:32px;}
.range-usp span{
    font-family:baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    color:#54575a;
    display:table-cell;
    vertical-align:middle;
}
.range-usp:before{
    content: "";
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    background-size: 48px 48px;
    left:0;
}
.range-usp.blum:before{background-image: url(/_userfiles/images/blum-lifetime-guarantee-icon.png);}
.range-usp.signature:before{background-image: url(/assets/Showcase/icon-signature-collection.png);}
.cta-row {
    position: relative;
    height: 640px;
}
.cta-row-bg {
    height: 100%;
    position: relative;
}
.cta-row-bg-img{
    width: 100%;
    height: 640px;
    background-color:#c8c7c7;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.cta-row-copy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.cta-row-copy-inner{padding-left:48px;}
.product-overlay-panel {
    position: relative;
    text-align: center;
}
.product-overlay-panel a{
    display:block;
    color:#ffffff;
}
.product-overlay-panel a h2{
    font-size:32px;
    line-height:40px;
}
.product-overlay-panel img {
    position: relative;
    display: block;
}
.product-overlay-panel div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.product-overlay-panel h2{margin-bottom:0;}
.product-overlay-panel p{margin-bottom:0;font-family:AvenirNextLTPro-Demi;}

.kitchens-nav {
    text-align: center;
    height: 96px;
    position: relative;
}
.kitchens-nav-inner {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index:1;
}
.kitchens-nav span {
    font-size: 24px;
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    margin-right: 16px;
}
.usp-bar-item {
    width: 100%;
    text-align: center;
    height: 48px;
    display: table;
    padding: 12px 0;
}
.usp-bar-item span {
    display: table-cell;
    vertical-align: middle;
    font-size: 11px;
    font-family: AvenirNextLTPro-Demi;
    letter-spacing: 1px;
}
.usp-bar-item span {
    display: inline-block;
    /* vertical-align: middle; */
    font-size: 11px;
    font-family: AvenirNextLTPro-Demi;
    letter-spacing: 1px;
    height: 48px;
    line-height: 48px;
}
.owl-carousel .owl-item .usp-bar-item img {
    width: 48px !important;
    height: 48px !important;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}
#uspBarCarousel.owl-carousel .owl-stage-outer{margin-bottom:0 !important;}

/* Dropdown Button */
.dropbtn {
    text-align:left;
    background-color: #ffffff;
    color: #54575a;
    padding: 16px 24px;
    font-size: 18px;
    border: none;
    cursor: pointer;
    font-family: AvenirNextLTPro-Regular, sans-serif;
    max-width:360px;
    width:100%;
}
.dropbtn:after{
    content: "\f078";
    font-family: FontAwesome;
    color: #c8c7c7;
    float: right;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #ffffff;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    max-width:360px;
    width:100%;
    text-align:left;
    border:solid 1px #54575a;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;   
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
   display: none;
   text-align:left; 
   position: absolute;
   background-color: #ffffff;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 9999;
    max-width:360px;
    width:100%;
    height:392px;
    overflow-y:scroll;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #54575a !important;
    font-size: 18px;
    border: none;
    cursor: pointer;
    font-family: AvenirNextLTPro-Regular, sans-serif;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 24px;
    border-bottom: solid 1px #f3f3f2;
    text-decoration: none;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-align:left;
    width:100%;
    margin-bottom:8px;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    max-width: 320px;
    width: 100%;
    background-color: #ffffff;
    color: #54575a;
    text-align: center;
    border-radius: 0px;
    padding: 16px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 0;
    border: solid 1px #ececeb;
    font-size: 12px;
    line-height: 20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
}
span.popuplabel:after{
    content:"\f059";
    font-family:FontAwesome;
    color:#c8c7c7;
    margin-left:8px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 24px;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}


/* Modals */
/* modals */
#id01{display:none;}
.brochureModal{
  position: fixed; 
  z-index: 9999; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  overflow: auto; 
  background-color: rgba(243, 243, 242, 0.95); 
}

#modal {
  display: none; 
  position: fixed; 
  z-index: 9999; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4);
}
.modal-content {
  background-color: #fefefe;
  margin: 200px auto 0; /* 15% from the top and centered */
  padding: 32px;
  border: 1px solid #888;
  width:100%; /* Could be more or less, depending on screen size */
}
.modal-form {
    max-width: 480px;
    width: 100%;
    margin: auto;
      min-height:120px;
}

/* The Close Button */
p.close{
    font-size:14px;
    cursor:pointer;
}
.modal-close {
  color: #54575a;
  font-size: 32px;
  font-weight: bold;
    position:absolute;
    top:32px;
    right:32px;
}

.modal-close:hover,
.modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Microsite */
.retailers-intro.microsite{
    background-color:#ffffff !important;
    height:560px !important;
}
.retailers-bg-slider.microsite-intro-img, .retailers-bg-slider.microsite-intro-img .retailer-carousel-img{
    height:560px !important;
}
.owl-carousel .rkThumbnail:before{display:none;}
.owl-carousel button.rkModalBtn{cursor:default;}
.microsite-title-overlay {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
}
.microsite-title-overlay h1{
    font-size:48px;
    margin-bottom:16px;
}
.microsite-title-overlay p{
    font-size:24px;
    margin-bottom:16px;
}
.microsite-rks span.rkLocation{display:none;}

a.micrositeAnchor{
    position:relative; 
    margin: 0; 
    padding: 0; 
    float: left;
    display: inline-block;
    margin-top: -168px;
}


/* KB Slideshow */
#kb-slideshow {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#kb-slideshow img {
    object-fit:cover;
    position:absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    margin-left:0px;
    margin-top:0px;
    opacity:0;
    -webkit-transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: 3s, 30s;
       -moz-transition-property: opacity, -moz-transform;
       -moz-transition-duration: 3s, 30s;
        -ms-transition-property: opacity, -ms-transform;
        -ms-transition-duration: 3s, 30s;
         -o-transition-property: opacity, -o-transform;
         -o-transition-duration: 3s, 30s;
            transition-property: opacity, transform;
            transition-duration: 3s, 30s;
}
#kb-slideshow img  {
    -webkit-transform-origin: top left;
       -moz-transform-origin: top left;
        -ms-transform-origin: top left;
         -o-transform-origin: top left;
            transform-origin: top left;
}

#kb-slideshow :nth-child(2n+1) {
    -webkit-transform-origin: top right;
       -moz-transform-origin: top right;
        -ms-transform-origin: top right;
         -o-transform-origin: top right;
            transform-origin: top right;
}

#kb-slideshow :nth-child(3n+1) {
    -webkit-transform-origin: top left;
       -moz-transform-origin: top left;
        -ms-transform-origin: top left;
         -o-transform-origin: top left;
            transform-origin: top left;
}
#kb-slideshow :nth-child(4n+1) {
    -webkit-transform-origin: top right;
       -moz-transform-origin: top right;
        -ms-transform-origin: top right;
         -o-transform-origin: top right;
            transform-origin: top right;
}
#kb-slideshow .fx:first-child + img ~ img  {
    z-index:-1;
}
#kb-slideshow .fx {
    opacity:1;
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

/* GTL CAROUSELS */
.gtlImage.shelford{background-image:url('/assets/Showcase/on-the-go-shelford.jpg');}
.gtlImage.wimbourne{background-image:url('/assets/Showcase/on-the-go-wimbourne.jpg');}
.gtlImage.deco{background-image:url('/assets/Showcase/on-the-go-deco.jpg');}
.gtlImage.larna{background-image:url('/assets/Showcase/on-the-go-larna.jpg');}
.gtlImage.lumina{background-image:url('/assets/Showcase/on-the-go-lumina.jpg');}
.gtlImage.madoc{background-image:url('/assets/Showcase/on-the-go-madoc.jpg');}
.gtlImage.sutton{background-image:url('/assets/Showcase/on-the-go-sutton.jpg');}
.gtlImage.deco-hline{background-image:url('/assets/Showcase/on-the-go-deco-hline.jpg');}
.gtlImage.sutton-hline{background-image:url('/assets/Showcase/on-the-go-sutton-hline.jpg');}
.gtlImage.madoc-hline{background-image:url('/assets/Showcase/on-the-go-madoc-hline.jpg');}
.gtlImage.larna-hline{background-image:url('/assets/Showcase/on-the-go-larna-hline.jpg');}
.gtlImage.lumina-hline{background-image:url('/assets/Showcase/on-the-go-lumina-hline.jpg');}
.gtlImage.otgHathaway{background-image:url('/assets/Showcase/on-the-go-the-hathaway.jpg');}
.gtlImage.otgLansbury{background-image:url('/assets/Showcase/on-the-go-the-lansbury.jpg');}
.gtlImage.otgVelabin{background-image:url('/assets/Showcase/on-the-go-velabin.jpg');}
.gtlImage.otgMagnaspace{background-image:url('/assets/Showcase/on-the-go-magnaspace.jpg');}
.gtlImage.otgLinea{background-image:url('/assets/Showcase/on-the-go-linea.jpg');}

.gtlImage.rAshbourne{background-image:url('/assets/Showcase/relaxed-ashbourne.jpg');}
.gtlImage.rCarnegie{background-image:url('/assets/Showcase/relaxed-carnegie.jpg');}
.gtlImage.rHardwick{background-image:url('/assets/Showcase/relaxed-hardwick.jpg');}
.gtlImage.rMarlborough{background-image:url('/assets/Showcase/relaxed-marlborough.jpg');}
.gtlImage.rSherborne{background-image:url('/assets/Showcase/relaxed-sherborne.jpg');}
.gtlImage.rSolva{background-image:url('/assets/Showcase/relaxed-solva.jpg');}
.gtlImage.rHampton{background-image:url('/assets/Showcase/relaxed-hampton.jpg');}
.gtlImage.rItalia{background-image:url('/assets/Showcase/relaxed-italia.jpg');}
.gtlImage.rNevada{background-image:url('/assets/Showcase/relaxed-nevada.jpg');}
.gtlImage.rRoma{background-image:url('/assets/Showcase/relaxed-roma.jpg');}
.gtlImage.rHampton-hline{background-image:url('/assets/Showcase/relaxed-hampton-hline.jpg');}
.gtlImage.rLumina-hline{background-image:url('/assets/Showcase/relaxed-lumina-hline.jpg');}
.gtlImage.rConnery{background-image:url('/assets/Showcase/relaxed-the-connery.jpg');}
.gtlImage.rHathaway{background-image:url('/assets/Showcase/relaxed-the-hathaway.jpg');}
.gtlImage.rLansbury{background-image:url('/assets/Showcase/relaxed-the-lansbury.jpg');}
.gtlImage.rVelabin{background-image:url('/assets/Showcase/relaxed-velabin.jpg');}
.gtlImage.rMagnaspace{background-image:url('/assets/Showcase/relaxed-magnaspace.jpg');}
.gtlImage.rLinea{background-image:url('/assets/Showcase/relaxed-linea.jpg');}

.gtlImage.shaker-island{background-image:url('/assets/Showcase/shaker-kitchen-look-freestanding-island.jpg');}
.gtlImage.shaker-colours{background-image:url('/assets/Showcase/shaker-kitchen-look-bold-accents.jpg');}
.gtlImage.shaker-drawers{background-image:url('/assets/Showcase/shaker-kitchen-look-wood-effect-drawers.jpg');}
.gtlImage.shaker-winerack{background-image:url('/assets/Showcase/shaker-kitchen-look-wine-rack.jpg');}
.gtlImage.shaker-chefstable{background-image:url('/assets/Showcase/shaker-kitchen-look-chefs-table.jpg');}

.gtlImage.modern-legrabox{background-image:url('/assets/Showcase/modern-kitchen-look-legrabox.jpg');}
.gtlImage.modern-openshelving{background-image:url('/assets/Showcase/modern-kitchen-look-open-shelving.jpg');}
.gtlImage.modern-linea{background-image:url('/assets/Showcase/modern-kitchen-look-linea.jpg');}
.gtlImage.modern-mix{background-image:url('/assets/Showcase/modern-kitchen-look-mix-and-match.jpg');}

.gtlImage.classic-canopy{background-image:url('/assets/Showcase/classic-kitchen-look-canopy.jpg');}
.gtlImage.classic-boldcolours{background-image:url('/assets/Showcase/classic-kitchen-look-accent-colours.jpg');}
.gtlImage.classic-talldresser{background-image:url('/assets/Showcase/classic-kitchen-look-tall-dresser.jpg');}
.gtlImage.classic-platerack{background-image:url('/assets/Showcase/classic-kitchen-look-plate-rack.jpg');}
.gtlImage.classic-winerack{background-image:url('/assets/Showcase/classic-kitchen-look-wine-rack.jpg');}

.gtlImage.hline-handlerail{background-image:url('/assets/Showcase/handleless-kitchen-look-handle-rail.jpg');}
.gtlImage.hline-legrabox{background-image:url('/assets/Showcase/handleless-kitchen-look-legrabox.jpg');}
.gtlImage.hline-linea{background-image:url('/assets/Showcase/handleless-kitchen-look-linea.jpg');}
.gtlImage.hline-floating{background-image:url('/assets/Showcase/handleless-kitchen-look-floating-cabinet.jpg');}
.gtlImage.hline-winerack{background-image:url('/assets/Showcase/handleless-kitchen-look-wine-rack.jpg');}


/* Partner Programme Panels */
section.partnerProgs{background-color:#f3f3f2;padding-bottom:2rem;}
.partnerProg{
    background-color:#ffffff;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.partnerProg.prem{
    background-color:#fffffff;
    border:solid 1px #EA705B;
}
.partnerProg.plat{
    border:solid 1px #627D90;
}
.partnerProg .partnerProgInner{padding:2rem;text-align:left;}
.partnerProg .partnerProgTitle{
    width: 100%;
    height: 80px;
    text-align:center;
}
.partnerProg .partnerProgTitle h2{
    height: 80px;
    line-height: 80px;
    margin: 0;
    font-size: 1.5rem;
}
.partnerProg .partnerProgTitle.prem h2{color:#EA705B;}
.partnerProg .partnerProgTitle.prem h2:before{
    content: "";
    background: url(/assets/Showcase/premier-partner-logo.png);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    background-size: cover;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    margin-right:0.5rem;
}
.partnerProg .partnerProgTitle.plat h2:before{
    content: "";
    background: url(/assets/Showcase/platinum-partner-logo.png);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    background-size: cover;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    margin-right:0.5rem;
}

.partnerProg .partnerProgTitle.plat h2{color:#ffffff;}
.partnerProg .partnerProgTitle.plat{background-color:#627D90;}
.partnerProgInfo{margin-bottom:2rem;}
.partnerProgInfo:last-child{margin-bottom:0;}


/* Real Kitchens */

/* Range Page Specific Real Kitchens */
/* Range Page Specific Real Kitchens */
.range-page-rks .rkModalBtn {
    outline: 0;
    border: 0;
    padding: 0;
    display: block;
    transition: opacity 0.5s;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
}
.range-page-rks .rkThumbnail {
    width: 100%;
    height: 280px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.range-page-rks .rkCaption {
    padding: 1.2rem 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}
.range-page-rks .rkCaption p {
    font-size: 14px;
    margin: 0;
    line-height: 150%;
    text-align:center !important;
}
.rkCaption span{display:none;}
/* The Modal */
.rkModalBtn{
    outline: 0;
    border: 0;
    padding: 0;
    display: block;
    transition: opacity 0.5s;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
}
.rkModalBtn:focus{outline:0;}
.rkModalBtn:hover{cursor:pointer;opacity:0.75;}
.rkThumbnail{
    width: 100%;
    height: 280px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.rkCaption {
    padding: 1.2rem 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}
span.rkLocation {display: block;}
span.rkLocation:before {
    content: "\f041";
    font-family: FontAwesome;
    color: #B0A9A1;
    padding-right: 6px;
}
.rkThumbnail:before{
    content: "\f00e";
    font-family: FontAwesome;
    right: 16px;
    top: 16px;
    position: absolute;
    font-size: 1.2rem;
    color: #ffffff;
}
.rkModal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background-color: rgb(84 87 90 / 50%);
}
.rkModal:before{
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.rkModalContent {
    background-color: #ffffff;
    width: 100%;
    height: auto;
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    padding-top:0px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    left: 50%;
    transform: translateX(-50%);
}
span.close {
    position: absolute;
    top: 16px;
    right: 32px;
    font-weight: normal !important;
    text-align: center;
    display: block;
    font-size:inherit;
    color: #54575a;
    cursor: pointer;
    font-family: AvenirNextLTPro-Demi, sans-serif;
    z-index: 999999999999999999;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkikt-box-sizing: border-box;
}
.rkModalInner{
    height: auto;
    width: auto;
    position: relative;
}
.rkModalInnerContent{padding:16px;}
.rkModalInnerContent h3 span{display:none;}
.rkCarousel .owl-carousel .owl-item.center img {
    opacity: 1 !important;
    display: block;
    width: 100%;
}
.owl-carousel.range-carousel .owl-item img {
    width: 100% !important;
    height: auto !important;
    display: block;
}
.owl-carousel.rkCarousel .owl-item img {
    height: auto !important;
    width:100% !important;
}
.rkImage {
    padding: 0;
    overflow: hidden;
}
.rkDesc{    
    padding: 2rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.rkDesc h3 span{display:none;}
.rkImage {
    width: 100%;
    max-width:960px;
    margin: auto;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.rkImage img {
    height: auto !important;
    width: 100% !important;
    float: left;
}

/* Retailer Search */
.find-retailers {
    width: 50%;
    float: left;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.find-retailers h2{
    font-size:40px;
    line-height:48px;
    margin-bottom:32px;
}
.find-retailers.right{
    padding:64px;
}
.find-retailers #map{
    width: 100%;
    height: calc(100vh - 170px);
}
form.retailer-search {
    max-width: 480px;
    width: 100%;
    margin: auto;
    position:relative;
}
input#entry_data {
width: 100%;
    height: 56px;
    line-height: 56px;
    font-family: AvenirNextLTPro-Regular, sans-serif;
    font-size: 18px;
    position: relative;
    padding: 0 16px;
    color: #54575a;
    margin-bottom: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: solid 1px #E8F4F8;
    background-color: #E8F4F8;
}
input#entry_data::placeholder{color:#54575a;}
input#entry_data:focus{
    outline:#54575a;
}
.location-input {
    position: relative;
    margin-bottom: 16px;
}
div#find_loc{
    cursor: pointer;
    display: block;
    position: absolute;
    top: 12px;
    right: 8px;
    background-color: #ffffff;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
}
div#find_loc:before {
    content: "\f041";
    font-size: 14px;
    font-family:FontAwesome;
    color:#54575a;
}
div#find_loc:after {
    content: "Locate Me";
    font-size: 14px;
    font-family: AvenirNextLTPro-Regular, sans-serif;
}
button#retailerSearch{
    background-color: #99ced2;
    color: #54575a;
    font-family: AvenirNextLTPro-Demi, sans-serif;
    padding: 0 24px;
    height:56px;
    line-height:56px;
    transition: all .15s linear;
    font-size: inherit;
    border-radius: 4px;
    display: block;
    width:100%;
    text-decoration: none;
    border:none;
    outline:none;
    cursor:pointer;
}
span.popuplabel{
    font-size:inherit;
    color:#54575a;
    text-align:center;
    display:block;
}
.showroomSearch label {
    display: none;
    text-align: left;
    font-family: AvenirNextLTPro-Regular, sans-serif;
    margin-bottom: 4px;
}
select#showroom_filter {
    width: 100%;
    height: 56px;
    line-height: 56px;
    border: solid 1px #E8F4F8;
    background-color: #E8F4F8;
    font-family: AvenirNextLTPro-Regular, sans-serif;
    font-size: 18px;
    position: relative;
    padding: 0 16px;
    color:#54575a;
    cursor:pointer;
    margin-bottom:16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.retailer-list-result{
    margin-bottom:16px;
}
.retailerResult {
    margin-bottom:0px;
    border: solid 1px #ececeb;
    padding: 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:relative;
}
.retailerResult-inner{padding-right: 64px;}
.retailerResult.Platinum{
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    background-color: #343C4D;
    color:#ffffff;
    border:none;
}
.retailerResult.Platinum:before{
    content: "";
    background-image: url(/assets/Showcase/platinum-partner-icon.png);
    background-size: 64px 64px;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    right: 24px;
}
.retailerResult a.btn{margin-bottom:0;}
.retailerResult:last-child{margin-bottom:0;}
.retailerResult h5{margin-bottom:4px;}
p.retailerResult-info{font-size:13px;margin-bottom:4px;}
.retailerResult a{
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    margin-top: 0;
    font-size:16px;
    margin-bottom:0px;
    text-decoration:underline;
}
p.retailerResult-info:before{
    font-family:FontAwesome;
    margin-right:8px;
}
p.retailerResult-info.phone:before{
    content:"\f095";
}
p.retailerResult-info.hours:before{
    content:"\f017";
}
p.retailerResult-info.address:before{
    content:"\f041";
}
.retailer-info-row {
    background-color: #ececeb;
    font-size: 13px;
    padding: 4px 8px;
    box-sizing: border-box;
}
.retailer-info-row span:first-child{
    margin-right:24px;
}
.retailer-info h1{
    font-size: 48px;
    margin-bottom: 16px;
    line-height: 56px;
}
.retailer-info a.phone{
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-size:20px;
    text-decoration:none;
    letter-spacing:2px;
}
.retailer-info a.phone:before{
    content: "\f095";
    font-family: FontAwesome;
    color: #99ced2;
    margin-right:8px;
}
.fw-hero-content {
    width: 50%;
    float: left;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.fw-hero-content.left.retailer-info{
    padding:64px;
    text-align:center;
}
.fw-hero-content.map{
     height:640px;
}
.fw-hero-content #map{height:100% !important;}

.map-container{
    width:100%;
    height:400px;
    position:relative;
}
.map-container iframe{
    width:100%;
    height:100%;
}
.retailersMap{
    width:100%;
    height:calc(100vh - 340px);
    position:relative;
}
.retailersMap #map{
    width:100%;
    height:100%;
}
.nearest-display{
    position:relative;
    padding:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box; 
}
.nearest-display .copy-container{
    width:100%;
    max-width:100%;
}
.nearest-display .retailerResult{
    margin-bottom:0;
}
.nearest-display h1 {
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 24px;
    text-align: left;
    background-color: #ececeb;
    padding: 8px 0 8px 16px;
    font-style: italic;
}
a#clear_sr_filter {
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #c8c7c7;
    cursor:pointer;
}
.retailerIntro h1 {
    margin-bottom:8px;
}
p.account-type{
    font-size:20px;
    line-height:28px;
}
p.account-type.Platinum{
    background-color:#627D90;
    padding:8px 24px;
    display: inline-block;
}

.retailer-details{
    position: relative;
    padding-left: 24px;
}
.retailer-details p a {
    font-size: 14px;
    color: #c8c7c7;
}
.retailer-details a{
    color: #54575a;
    margin-bottom: 16px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.retailer-details:before{
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    color:#99ced2;
}
.retailer-details.opening:before{
    content: "\f017";
}
.retailer-details.address:before{
    content: "\f041";
}
.retailer-details.phone:before{
    content: "\f095";
}
.retailer-details.email:before{
    content: "\f0e0";
}
.retailer-details.web:before{
    content: "\f109";
}

.retailer-details.fb:before{
    content: "\f082";
}
.retailer-details.twit:before{
    content: "\f081";
}
.retailer-details.insta:before{
    content: "\f16d";
}
.retailer-details.pin:before{
    content: "\f0d2";
}
.retailer-details.houzz:before{
    content: "\f27c";
}
.retailer-details.youtube:before{
    content: "\f167";
}
form.retailerForm{text-align:left;}
form.retailerForm label {
    color: #54575a;
    display:block;
    margin-bottom:4px;
}
form.retailerForm input[type=text]{
    display:block;
    width:100%;
    height:48px;
    line-height:48px;
    font-family:AvenirNextLTPro-Regular, sans-serif;
    padding:0 16px;
    margin-bottom:24px;
    background-color:#ffffff;
    border:solid 1px #54575a;
    outline:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;   
}
.unsubscribe{margin-bottom:16px;}
.unsubscribe input[type="checkbox"]{
    position:absolute;
    left:-9999px;
}
.unsubscribe [type="checkbox"]:checked,
.unsubscribe [type="checkbox"]:not(:checked){
    position: absolute;
    left: -9999px;
}
.unsubscribe [type="checkbox"]:checked + label,
.unsubscribe [type="checkbox"]:not(:checked) + label{
    position: relative;
    padding-left: 64px !important;
    cursor: pointer;
    line-height: 120%;
    display: inline-block;
    color: #54575a;
}
.unsubscribe [type="checkbox"]:checked + label:before,
.unsubscribe [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 28px;
    border-radius: 13px; 
    background: #c8c7c7;
    border:none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.unsubscribe [type="checkbox"]:checked + label:before {
    opacity: 1;
    background-color:#739981;
}
.unsubscribe [type="checkbox"]:checked + label:after,
.unsubscribe [type="checkbox"]:not(:checked) + label:after {
    content: '';
    background-color:#ffffff;
    width: 20px;
    height: 20px;
    border-radius:50%;
    position: absolute;
    top: 4px;
    left: 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.unsubscribe [type="checkbox"]:not(:checked) + label:after {
    opacity: 1 !important;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.unsubscribe [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform:translateX(18px);
}
.retailerForm button{
    background-color: #99ced2;
    color: #343C4D;
    font-family: AvenirNextLTPro-Demi, sans-serif;
    padding: 0 24px;
    height: 56px;
    line-height: 56px;
    transition: all .15s linear;
    font-size: 20px;
    display: block;
    width: 100%;
    text-decoration: none;
    border: none;
    border-radius:4px;
    outline: none;
    cursor: pointer;
}

/* Story Carousel */
.owl-theme.story-carousel .owl-nav{
    position:absolute;
    top:16px;
    width:100%;
}
.owl-theme.story-carousel .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev {
    width: 32px;
    height: 32px;
    position: relative;
    transform: none;
}
.owl-theme.story-carousel .owl-nav .owl-next{float:right;margin-right:24px;}
.owl-theme.story-carousel .owl-nav .owl-prev{float:left;margin-left:24px;}
.owl-theme.story-carousel .owl-nav .owl-next:before, .owl-theme.story-carousel .owl-nav .owl-prev:before{color:#ffffff;}
.date-row{
    background-color: #630922;
    text-align: center;
    color: #ffffff;
    font-family: 'Zilla Slab', serif;
    font-size: 48px;
    line-height: 64px;
    height:64px;
    margin-bottom:32px;
}
.retailerResult-dist {
    position: absolute;
    right: 24px;
    bottom: 24px;
    font-size: 14px;
}

/* Showrooms */
.showroom-intro h1{margin-bottom:16px;}
.open-closed, .showroom-address, .showroom-email,  .showroom-phone{
    margin-bottom: 24px;
    position: relative;
    padding-left: 24px;
}
.open-closed:before{
    font-family: FontAwesome;
    content: "\f017";
    color: #54575a;
    position: absolute;
    left: 0;
}

.showroom-address:before{
    font-family: FontAwesome;
    content: "\f041";
    color: #54575a;
    position: absolute;
    left: 0;
}
.showroom-email:before{
    font-family: FontAwesome;
    content: "\f0e0";
    color: #54575a;
    position: absolute;
    left: 0;
}
.showroom-phone:before{
    font-family: FontAwesome;
    content: "\f095";
    color: #54575a;
    position: absolute;
    left: 0;
}
.showroom-address p{margin-bottom:0;}
.open-closed{margin-bottom:24px;}
p.openorclosed{margin-bottom:0;font-family:AvenirNextLTPro-Regular, sans-serif;color:#CCB616;}
p.openorclosed.open:before{
    content:"We're open now! ";
    font-family:AvenirNextLTPro-Demi, sans-serif;
}
p.openorclosed.open a{color:#c8c7c7;}
table.opening-hours-table{
    font-size:inherit;
    width:100%;
    margin-bottom:16px;
}
p.small{font-size:14px;}
table.opening-hours-table td.opens, table.opening-hours-table td.closes{text-align:center;}
table.opening-hours-table tr:first-child{background-color:transparent;}
table.opening-hours-table tr td{border-bottom:solid 1px #ececeb !important;}
table.opening-hours-table tr td:last-child{text-align:right;}
tr.today{font-family:AvenirNextLTPro-Demi, sans-serif;color:#08617F;}
.showroom-details{
    box-sizing: border-box;
    -moz-box-sizing: border-box;    
    -webkit-box-sizing: border-box;
    padding: 24px;
    border: solid 1px #f3f3f2;
}
.showroom-details h5{
    font-family:AvenirNextLTPro-Demi, sans-serif;
    font-size:16px; 
    line-height:24px;
    margin-bottom:16px;  
}

/* Blog */
article img{
    width:100% !important;
  	height:auto !important;
    display:block;
}
article h2{
    font-size:32px;
    margin-bottom:24px;
    line-height:125%;
}
article p.sub-headline{
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-size:24px;
    line-height:32px;
    margin-bottom:24px;
}
.article-links ul{
   list-style-type: none;
    padding-left: 0;
}
.article-links ul li{
    margin-bottom: 11px;
    display: block;
}
.article-links ul li a{color:#54575a;}

.post-intro-img {
    width: 100%;
    height: 480px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.article-headline {
    text-align: center;
    margin-bottom: 32px;
}
.article-headline:after {
    content: "";
    border-bottom: solid 1px #c8c7c7;
    width: 160px;
    height: 1px;
    margin: 32px auto 32px;
    display: block;
}
span.date {
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    display: block;
    font-style: italic;
}
span.date a{color:#54575a;}
.copy-container.article h2 {
    font-family: AvenirNextLTPro-Demi, sans-serif;
    font-size: 24px;
    line-height: 150%;
}
.copy-container.article img{
    width:100% !important;
    height:auto !important;
    display:block;
}
.copy-container.article p, .copy-container.article h5, .copy-container.article h4, .copy-container.article h3{
    margin-bottom:24px;
}
.copy-container.article h5, .copy-container.article h4, .copy-container.article h3{
    font-size:32px;
    margin-bottom:16px;
    line-height:40px;
} 

.blog-article-container{
    width:100%;
    max-width:980px;
    margin:auto;
}
.blog-article-container img{
    width:100% !important;
    height:auto !important;
    display:block;
}
span.category a {
    letter-spacing: 2px;
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    text-transform: uppercase;
    color: #54575a;
    text-decoration: none;
}
.blog-article-container p{
    margin-top:0;
    margin-bottom:24px;
}
.blog-article-container h3, .blog-article-container h4, .blog-article-container h5{
    font-size:24px;
    margin-top:0;
    margin-bottom:20px;
}
.blog-article-container blockquote p{
    font-size:24px;
    font-family:baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    line-height:32px;
    font-style:italic;
}
.blog-post-heading {
    position: relative;
    width: 100%;
    height:640px;
    margin-bottom:48px;
}
.content-container.article h2{
    font-size:24px;
    font-family:baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    line-height:40px;
    margin-bottom:40px
}
.content-container.article h3, .content-container.article h4{
    font-size:24px;
    font-family:baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    line-height:32px;
    margin-bottom:24px
}
.content-container.article p{
    font-size:18px;
    line-height:32px;
    margin-bottom:40px
}
.blog-post-header-img {
    width: 100%;
    height: 100%;
    background-color:#f3f3f2;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
}
.blog-post-title-overlay {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ffffff;
    padding: 40px;
    box-sizing: border-box;
    width: 50%;
}
.blog-post-title-overlay h1{margin-bottom:16px;}
.blog-post-title-overlay p{margin-bottom:0px;}
span.blog-post-cat a {
    font-size: 12px;
    font-family: AvenirNextLTPro-Demi;
    text-transform: uppercase;
    text-decoration: none;
    color: #54575a;
}
span.pub-dt {
    font-size: 13px;
    margin-top: 16px;
    display: block;
    color: #c8c7c7;
}


.blog-navigation{text-align:center;}
.blog-navigation ul{
    list-style-type:none;
    padding:0;
    margin:0;
}
.blog-navigation ul li{
    display:inline;
    margin-right:16px;
}
.blog-navigation ul li:last-child{margin-right:0;}
.blog-navigation ul li a{color:#54575a;text-decoration:none;}
.blog-navigation ul li a:hover{text-decoration:underline;}
.inspiration-caption span{

}
.inspiration-post{
    float:left;
    width: 33.33333%;
    padding: 0 16px 32px;
    height:auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align:center;
}
.inspiration-post.rk{
    width:49.9999%;
    height:480px;
}
.case-study-info{
    background-color:#f3f3f2;
    padding:24px;
    margin-bottom:24px;
}
.copy-container.blog-article img{
    width:100% !important;
    height:auto !important;
    display:block; 
}
span.inspiration-category a{
    font-size:14px;
    color:#c8c7c7;
    cursor:pointer;
}
.inspiration-caption span a{
    display:inline-block;
    margin-bottom: 8px;
    color: #54575a;
    text-decoration: none;
}

.real-kitchen-page-title{margin-bottom:32px;}
.real-kitchen-page-title h2{margin-bottom:16px;}
.real-kitchen-page-title h2 span{display:none;}
.real-kitchen-page-title p.location{
    font-family: AvenirNextLTPro-Regular, sans-serif;
    font-size: 16px;
    margin-bottom: 8px;
}
.real-kitchen-page-title p.location:before{
    content:"\f041";
    font-family:FontAwesome;
    color:#ccb616;
    margin-right:8px;
}
.real-kitchen-page-content img{
    width:100% !important;
    height:auto !important;
    display:block;
    margin-bottom:24px;
}
.owl-carousel .inspiration-post, .owl-carousel .inspiration-post.rk{
    width:100%;
    padding:0;
    height:auto;
}
.inspiration-post.rk img {
    display: block;
    margin-bottom: 24px;
}
.inspiration-post.rk h5 {
    font-family: AvenirNextLTPro-Demi, sans-serif;
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 24px;
}
.inspiration-post.rk h5 span{
    display:none;
}
.inspiration-post.rk p.location {
    font-family: AvenirNextLTPro-Regular, sans-serif;
    font-size: 14px;
    margin-bottom: 8px;
}
.inspiration-post.rk p.location:before{
    content:"\f041";
    font-family:FontAwesome;
    color:#ccb616;
    margin-right:8px;
}
.inspiration-post a.see-more{
    color:#004966;
}
.inspiration-post a.see-more:before{
    content: "\f002";
    font-family: FontAwesome;
    margin-right: 8px;
    font-style: normal;
}
.inspiration-post .postThumbnail{
    position:relative;
    width:100% !important;
    height:240px;
    margin-bottom:24px;
    display:block;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.inspiration-post .postThumbnail a{
    display:block;
    width:100%;
    height:100%;
}
.postThumbnail a.video:after{
    content: url(/assets/video-play-white.png);
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%, -50%);
    display: block;
    z-index: 2; 
}
.postThumbnail a.as-seen:before{
    width: 120px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 16px;
    display: block;
}
.postThumbnail a.as-seen.goodHomes:before{
    content: url(/assets/as-seen-goodhomes.png);
}
.postThumbnail a.as-seen.ekbb:before{
    content: url(/assets/as-seen-ekbb.png);
}
.postThumbnail a.as-seen.kbab:before{
    content: url(/assets/as-seen-kbab.png);
}
.postThumbnail a.as-seen.utopia:before{
    content: url(/assets/as-seen-utopia.png);
}
.postThumbnail a.as-seen.cardiff-life:before{
    content: url(/assets/as-seen-cardiff-life.png);
}
.postThumbnail a.as-seen.beautiful-kitchens:before{
    content: url(/assets/25-beautiful-kitchens.png);
}
.inspiration-post a{color:#54575a;text-decoration:none;}
.inspiration-post a:hover{color:#54575a;text-decoration:underline;}
.inspiration-post span{color:#54575a;}
.inspiration-post h5 a{
    margin-bottom:0;
    font-size:24px;
    line-height:32px;
    font-family: Georgia, Times, "Times New Roman", serif;
    text-decoration:none;
}
.inspiration-post span.price-group{
    font-family:AvenirNextLTPro-Regular, sans-serif;
    font-size:14px;
}
.inspiration-title{position:relative;margin-bottom:48px;}
.inspiration-intro-img{
    width: 100%;
    height: 480px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position:relative;
}
.inspiration-intro-img .overlay{
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(84, 87, 90, 0.6);
}
.inspiration-headline {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    padding: 0 32px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.inspiration-headline h1{
    color:#ffffff;
    margin-bottom:0;
}
.inspiration-article blockquote p{
    font-size:20px;
    line-height:32px;
}
.inspiration-article  img{
    width:100% !important;
    height:auto !important;
    display:block;
}
.inspiration-article blockquote:after{
    background-size: 52px 40px;
    width: 52px;
    height: 40px;
}
.inspiration-article h2, .inspiration-article h3, .inspiration-article h4, .inspiration-article h5, .inspiration-article h6{
    font-size:24px;
    line-height:32px;
    margin-bottom:24px;
}

/* Buttons */
a.internalBtn {
    width: 100%;
    display: block;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    font-family:AvenirNextLTPro-Demi, sans-serif;
    color: #ffffff;
    text-align: center;
    margin-bottom: 1rem;
    background-color:#b98c8c;
    text-decoration:none;
}
button.tablinks {
    outline: 0;
    display: block;
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: solid 1px #c8c7c7;
    border-left: 0;
    background-color: #ffffff;
    font-family: 'AvenirNextLTPro-Demi';
    font-size: inherit;
    color: #c8c7c7;
    height: 48px;
    line-height: 48px;
    cursor:pointer;
}
button.tablinks.active{
    color:#54575a;
    border-bottom: solid 1px #54575a;
}
.tabcontent{transition: display 0.3s ease;}
.btn-container.center{text-align:center;}
.btn-container.block a.btn{
    display:block;
    text-align:center;
    margin-right:0;
}
.btn-container.block a.btn:first-child{
    margin-right:0;
}
.btn-container a.btn:first-child{
    margin-right:16px;
}
button.ctaBtn{
    -o-transition: all .15s linear;
    -webkit-box-shadow: 0 0 0 0.0625rem #007c89 inset;
    -webkit-transition: all .15s linear;
    background-color: #f3f3f2;
    box-shadow: inset 0 0 0 0.0625rem #f3f3f2;
    color: #343C4D;
    font-family: AvenirNextLTPro-Demi, sans-serif;
    padding: 16px 24px;
    transition: all .15s linear;
    font-size: 16px;
    border-radius: 4px;
    margin-bottom:16px;
    display: inline-block;
    text-decoration: none;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    outline:0;
    border:0;
    cursor:pointer;
}
a.btn{
    -o-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    background-color: #ffffff;
    border:solid 1px #343c4d;
    color: #343C4D !important;
    font-family: AvenirNextLTPro-Demi, sans-serif;
    padding: 16px 24px;
    transition: all .15s linear;
    font-size: inherit;
    border-radius: 4px;
    margin-bottom:16px;
    display: inline-block;
    text-decoration: none;  
}
button.btn{
    -o-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    background-color: #ffffff;
    border:solid 1px #343c4d;
    color: #343C4D !important;
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    padding: 16px 24px;
    transition: all .15s linear;
    font-size: 20px;
    border-radius: 0px;
    margin-bottom:16px;
    display: inline-block;
    text-decoration: none;  
}
a.btn.secondary.dark-bg{
    color:#ffffff !important;
    border:solid 1px #ffffff;
    background-color:transparent;
}
a.btn.secondary.light-bg{
    color:#54575a !important;
    border:solid 1px #54575a;
    background-color:transparent;
}
a.btn.blue:after{color:#99ced2;}
a.btn.aqua:before{color:#343C4D;}
a.btn.small{
    font-size:14px;
    height:32px;
    line-height:32px;
    padding:0 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 
}
a.btn.design:before{
    content: "\f040";
    padding-right: 8px;
    font-family: FontAwesome;
}
a.btn.brochure:before{
    content: "\f004";
    padding-right: 8px;
    font-family: FontAwesome;
}
a.btn.location:before{
    content: "\f041";
    margin-right: 8px;
    font-family: FontAwesome;
    color:#99ced2;
}
a.btn.phone:before{
    content: "\f095";
    margin-right: 8px;
    font-family: FontAwesome;
    color:#99ced2;
}
a.btn.retailers:before{
    content: "\f041";
    margin-right: 8px;
    font-family: FontAwesome;
}
a.btn.video:before{
    content: "\f04b";
    margin-right: 8px;
    font-family: FontAwesome;
}
a.btn.aqua{
    background-color:#99ced2;
    color:#343C4D;
    border:solid 1px #99ced2;
}
a.btn.blue{
    background-color:#343C4D;
    color:#ffffff !important;
}
a.btn.blue:before{
    color:#99ced2;
}
a.btn.white{
    background-color:#ffffff;
    color:#004966;
}
a.btn.bronze{
    background-color:#bba677;
    color:#ffffff !important;
    border:none;
}

/*Pretty photo Override*/
div.pp_default .pp_close{right: 50px;}
.clearfix:after{
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

/* Video Container */
.videoContainer {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.videoContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Video Banner */
.videoBanner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 480px;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.videoBanner iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Footer */
.social-banner{
    background-color:#54575a;
    height:64px;
    position:relative;
    color:#ffffff;
}
.social-banner-inner{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
}
.social-banner span{
    font-family:AvenirNextLTPro-Demi, sans-serif;
    margin-right:16px;
}
a.social-icon{
    display: inline-block;
    text-decoration: none;
}
a.social-icon:hover{
    text-decoration:none;
    color:#CCB616;
}
a.social-icon:before{
    font-family:FontAwesome;
    font-size:24px;
    color:#ffffff;
    margin:0 8px;
}
a.social-icon.instagram:before{content:"\f16d";}
a.social-icon.facebook:before{content:"\f082";}
a.social-icon.pinterest:before{content:"\f0d2";}
a.social-icon.twitter:before{content:"\f081";}

footer.main-footer{border-top:solid 1px #54575a;}
footer.main-footer h6{
    font-family: Georgia, serif;
    font-size:20px;
    margin-bottom:16px;
    
}
footer.main-footer ul{
    list-style-type: none;
    padding: 0;
    line-height: 24px;
}
footer.main-footer ul li a{
    font-size:14px;
    color:#54575a;
    text-decoration:none;
    font-family:AvenirNextLTPro-Regular, sans-serif;
}
footer.main-footer ul li a:hover{color:#c8c7c7;text-decoration:underline;}



/* RESPONSIVE */
/* Mobile */
@media only screen and (min-width: 100px) and (max-width: 576px){
.form-page-intro-bg {
    width: 100%;
    height: 240px;
    position: static;
}
.usp-row.form-intro{padding-top:0px;}
.form-page-intro-cta.farringdon-grey{background-color:#E6E2DA;color:#54575a;}
  .form-page-intro .opacity-overlay{
      display:none;  
  } 
.rkModal{top:96px;}
.small-usp{flex-direction:column;font-size: 12px;}
.small-usp img{margin-right:0px;margin-bottom:8px;width:32px;height:32px;}
.ctaIntro{width: 100%;}
.ctaIntro.mob-padding{padding:0px 32px 32px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.bg-video-container .page-intro-carousel-img{height:320px;}
.guide-title-copy{
    transform:none;
    position:static;
    margin-top:40px;
    margin-bottom:24px;
}
.guide-title-copy-inner{padding-left:0;padding-right:0;}
.guide-title-bg{display:none;}
.guide-title-bg-mob, .guide-title-bg-mob img{display:block;}
.guide-row{width:100%;margin-bottom:24px;}
.guide-row-img, .guide-row-copy{width:100%;}
.guide-row-copy{padding:24px;}
.guide-img img {width: 100%;}
.guide-copy{width:100%}
.post-intro-img {height: 240px;}
.copy-container.article h2{font-size:16px;}
.copy-container.article h3, .copy-container.article h4, .copy-container.article h5{font-size:24px;line-height:32px;}
.copy-container{width: 100%;}
.main-product-img{height:160px !important;}
.find-retailers{width:100%;}
.find-retailers #map{height:25vh;}
.find-retailers.right {padding: 32px;}
.find-retailers h2{font-size:32px;line-height:40px;margin-bottom:24px;text-align:center;}

.top-banner{height:32px;}
.top-banner span{font-size:14px;}
.hero-copy-container, .hero-image-container, .fw-hero-content{width:100%;margin-bottom:32px;}
.fw-hero-content.left.retailer-info{padding:32px;margin-bottom:0;}
.fw-hero-content.map {height: 240px;margin-bottom:0;}
.retailer-info h1 {
    font-size: 32px;
    margin-bottom: 16px;
    line-height: 40px;
}
.hero-copy-container {padding-right: 0px;}
.hero-copy-container.centre{padding-left:0;padding-right:0;}
.cta-row{height:auto;}
.cta-row-bg, .cta-row-bg-img {
    position: static;
    height: 160px;
}
.cta-row-copy {
    position: static;
    transform: none;
}
.cta-row-copy-inner{padding-left:0;padding-top:32px;text-align:center;}
.kitchens-nav span {
    font-size: 18px;
    margin-right:0px;
    margin-bottom:8px;
    display:block;
}
.dropbtn{padding:8px 16px;}
.dropdown-content{height:330px;}
.dropdown-content a{
    font-size:14px;
    height:32px;
    line-height:32px;
}
.content-container.margin.mobFw{padding-left:0;padding-right:0;}
.dropbtn{font-size:14px;}
.usp-bar-item{height:32px;}
.owl-carousel .owl-item .usp-bar-item img{width:32px !important;height:32px !important;}
.usp-bar-item span{height:32px;line-height:32px;}
.page-intro-img{height:240px;}
span.pre-headline, .pre-section span{font-size:18px;}
.mck-sub-nav{display:none;}
.mob-cta{display:block;}
.mck-lg-nav{display:none;}
.mck-header-buttons{right:16px;}
.mck-primary-nav, .mck-primary-nav ul{width:100%;}
.mck-main-content.nav-is-visible {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.blog-post-heading {height: auto;}
.blog-post-header-img {
    position: static;
    height: 240px;
}
.blog-post-title-overlay {
    position: relative;
    top: 0;
    transform: none;
    width: 100%;
    background-color: #f3f3f2;
    padding: 32px;
}
.blog-post-heading {height: auto;}
.blog-post-header-img {
    position: static;
    height: 280px;
}
.blog-post-title-overlay {
    position: relative;
    top: 0;
    transform: none;
    width: 100%;
    background-color: #f3f3f2;
    padding: 32px;
}

.map-container{
    height:200px;
}
.mck-primary-nav.microsite-nav, .mck-primary-nav.microsite-nav ul {
    width: 66.6666%;
}
.range-page-rks .rkThumbnail{height:160px;}
a.micrositeAnchor{
    margin-top: -65px;
}
.gtlSlide {
    height: auto;
    display: table;
}
.gtlSlide .gtlCaption, .gtlSlide.third .gtlCaption, .gtlSlide.half .gtlCaption{height: auto;padding: 2rem;width: 100%;}
.gtlSlide .gtlImage, .gtlSlide.third .gtlImage, .gtlSlide.half .gtlImage{height: 240px;width: 100%;}
.mobile-header-cta{display:inline-block;}
.mck-header-cta.left, .mck-header-cta.right{display:none;}
.mck-header-buttons{display:inline-block;}
.mck-main-content{padding-top:96px;}
.mck-main-header {
    height: auto;
    position: fixed;
    width: 100%;
    z-index: 10;
    border-bottom:solid 1px #edf1f3;
}
.mck-header-top{height:64px;}
.mck-logo img {
    width: 148px !important;
    height: 30px !important;
}
.mck-primary-nav{
    top:64px;
}
.mck-primary-nav > li.right {
    float: none;
}
.mck-primary-nav > li.mob-only{display:block;}
#myBtn {bottom:16px;left:16px;}
ul.mck-nav-standard, ul.mck-secondary-nav, ul.mck-secondary-nav ul{top:0px;}
h1, h1.reduced, h2, h3, h4{font-size:32px;line-height:40px;margin-bottom:24px;}
p, ul, body{font-size:14px;}
a.btn{font-size:14px;padding:12px 16px;}
.btn-container a.btn:first-child{margin-right:0px;margin-bottom:16px;}
.btn-container a.btn{display:block;}
button.tablinks{
    font-size:14px;
    height:40px;
    line-height:40px;
}
.sale-banner{
    height:32px;
}
.sale-banner span{font-size:14px;}
.page-intro h1{font-size:40px;line-height:48px;}
.page-intro-bg{height:240px;}
.content-row.padding, .content-container.padding{padding-top:32px;padding-bottom:32px;}
.content-row.padding-top, .content-container.padding-top{padding-top:32px;}
.content-row.padding-bottom, .content-container.padding-bottom{padding-bottom:32px;}
blockquote.large p {
    font-size:32px;
    line-height:40px;
}
blockquote.medium p {
    font-size:24px;
    line-height:32px;
}
blockquote.small p {
    font-size:20px;
    line-height:28px;
}
.form-container{
    padding:24px;
}
.form-container h1, .form-container h2, .form-container h3 {
    font-size: 24px;
    margin-bottom: 16px;
    line-height: 32px;
}
.form-container h5{
    font-size:16px;
    line-height:24px;
    margin-bottom:16px;
}
.form-container p{
    font-size:14px;
    line-height:24px;
    margin-bottom:16px;
}
.inspiration-post, .inspiration-post.rk{
    width: 100%;
    padding: 0 0 32px;
    height:auto;
}
.inspiration-post .postThumbnail{height:192px;}
.blog-navigation ul {font-size: 12px;}
.retailersMap{height:240px;}
.retailerResult{
    padding:16px;
}
.retailerResult h5{
    font-size:16px;
    line-height:24px;
}
.retailerResult p{font-size:12px;margin-bottom:4px;}
.retailerResult a.btn{margin-bottom:8px;}
.retailerResult a.btn:last-child{margin-bottom:0;}  
.retailerResult.Platinum:before{
    right:16px;
    width:48px;
    height:48px;
    background-size:48px 48px;
}
.retailerResult-inner{padding-right:48px;}
}
/* Tablet */
@media only screen and (min-width: 577px) and (max-width: 768px){
.form-page-intro-bg {
    width: 100%;
    height: 240px;
    position: static;
}
.usp-row.form-intro{padding-top:0px;}
.form-page-intro-cta.farringdon-grey{background-color:#E6E2DA;color:#54575a;}
  .form-page-intro .opacity-overlay{
      display:none;  
  } 
.ctaIntro.mob-padding{padding:0px 32px 32px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.rkModal{top:96px;}
.small-usp{flex-direction:column;font-size: 12px;}
.small-usp img{margin-right:0px;margin-bottom:8px;width:32px;height:32px;}
.bg-video-container .page-intro-carousel-img{height:380px;}
.guide-title-copy{
    transform:none;
    position:static;
    margin-top:40px;
    margin-bottom:24px;
}
.guide-title-bg{display:none;}
.guide-title-bg-mob, .guide-title-bg-mob img{display:block;}
.guide-img img {width: 100%;}
.guide-row-img, .guide-row-copy{width:100%;}
.guide-copy{width:100%}
.post-intro-img {height: 320px;}
.copy-container.article h2{font-size:16px;}
.copy-container.article h3, .copy-container.article h4, .copy-container.article h5{font-size:24px;line-height:32px;}
.usp-bar-item{height:32px;}
.owl-carousel .owl-item .usp-bar-item img{width:32px !important;height:32px !important;}
.usp-bar-item span{height:32px;line-height:32px;}
.content-container.margin.flex{
    padding:32px 96px 0;
}
.main-product-img{height:160px !important;}
.hero-copy-container, .hero-image-container{width:100%;margin-bottom:32px;}
.hero-copy-container {padding-right: 0px;}
.hero-copy-container.centre{padding-left:0;padding-right:0;}
.hero-copy-container, .hero-image-container, .fw-hero-content{width:100%;margin-bottom:32px;}
.fw-hero-content.left.retailer-info{padding:32px;margin-bottom:0;}
.fw-hero-content.map {height: 240px;margin-bottom:0;}
.retailer-info h1 {
    font-size: 32px;
    margin-bottom: 16px;
    line-height: 40px;
}
.cta-row{height:auto;}
.cta-row-bg, .cta-row-bg-img {
    position: static;
    height: 160px;
}
.cta-row-copy {
    position: static;
    transform: none;
}
.cta-row-copy-inner{padding-left:0;padding-top:32px;text-align:center;}
.page-intro-img{height:320px;}
span.pre-headline, .pre-section span{font-size:18px;}
.mck-sub-nav{display:none;}
.mob-cta{display:block;}
.mck-lg-nav{display:none;}
.mck-header-buttons{right:16px;}
.mck-primary-nav, .mck-primary-nav ul{width:100%;}
.mck-main-content.nav-is-visible {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.blog-post-heading{height:480px;}
.map-container{
    height:200px;
}
.mck-primary-nav.microsite-nav, .mck-primary-nav.microsite-nav ul {
    width: 66.6666%;
}
.range-page-rks .rkThumbnail{height:160px;}
a.micrositeAnchor{
    margin-top: -65px;
}
.gtlSlide {
    height: auto;
    display: table;
}
.gtlSlide .gtlCaption, .gtlSlide.third .gtlCaption, .gtlSlide.half .gtlCaption{height: auto;padding: 2rem;width: 100%;}
.gtlSlide .gtlImage, .gtlSlide.third .gtlImage, .gtlSlide.half .gtlImage{height: 240px;width: 100%;}
.mobile-header-cta{display:inline-block;}
.mck-header-cta.left, .mck-header-cta.right{display:none;}
.mck-header-buttons{display:inline-block;}
.mck-main-content{padding-top:104px;}
.mck-main-header {
    height: 64px;
    position: fixed;
    width: 100%;
    z-index: 10;
    border-bottom:solid 1px #edf1f3;
}
.mck-header-top{height:64px;}
.mck-logo img {
    width: 148px !important;
    height: 30px !important;
}
.mck-primary-nav{
    top:64px;
}
.mck-primary-nav > li.right {
    float: none;
}
.mck-primary-nav > li.mob-only{display:block;}
.content-row.padding, .content-container.padding{padding-top:32px;padding-bottom:32px;}
.content-row.padding-top, .content-container.padding-top{padding-top:32px;}
.content-row.padding-bottom, .content-container.padding-bottom{padding-bottom:32px;}
ul.mck-nav-standard, ul.mck-secondary-nav, ul.mck-secondary-nav ul{top:0px;}
.mck-header-buttons{display:inline-block;}
.sale-banner{
    height:40px;
}
.sale-banner span{font-size:16px;}
#myBtn {bottom:16px;left:16px;}
h1, h1.reduced, h2, h3, h4{font-size:32px;line-height:40px;margin-bottom:24px;}
p, ul, body{font-size:16px;}
a.btn{font-size:14px;padding:12px 16px;}
.page-intro h1{font-size:40px;line-height:48px;}
.page-intro-bg{height:240px;}
.mck-main-content{padding-top:104px;}
.mck-main-header {
    height: auto;
    position: fixed;
    width: 100%;
    z-index: 10;
    border-bottom:solid 1px #f3f3f2;
}
.mck-main-header-top{height:64px;}
a.mck-logo {margin-top: 0px;;display:inline-block;}
.mck-logo img {
    width: 196px !important;
    height: 40px !important;
    float: left;
}
.trustpilotGlobal {margin-top: 16px;margin-left: 16px;}
.trustpilotGlobal img {width: 60px;height: auto;}
.inspiration-post{
    width: 49.99999%;
    padding: 0 16px 32px;
    height:auto;
}
.inspiration-post .postThumbnail{height:192px;}
.blog-navigation ul {font-size: 12px;}
.retailersMap{height:240px;}
.retailerResult{
    padding:16px;
}
.retailerResult h5{
    font-size:16px;
    line-height:24px;
}
.retailerResult p{font-size:12px;margin-bottom:4px;}
.retailerResult a.btn{margin-bottom:8px;}
.retailerResult a.btn:last-child{margin-bottom:0;}  
.retailerResult.Platinum:before{
    right:16px;
    width:48px;
    height:48px;
    background-size:48px 48px;
}
.retailerResult-inner{padding-right:48px;}
}
/* Small Screen & Tablets */
@media only screen and (min-width: 769px) and (max-width: 989px){
 .form-page-intro-bg {
    width: 100%;
    height: 240px;
    position: static;
}
.usp-row.form-intro{padding-top:0px;}
.form-page-intro-cta.farringdon-grey{background-color:#E6E2DA;color:#54575a;}
  .form-page-intro .opacity-overlay{
      display:none;  
  } 
.ctaIntro.mob-padding{padding:0px 32px 32px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
 .rkModal{top:96px;}
.bg-video-container .page-intro-carousel-img{height:420px;}
.guide-row-img, .guide-row-copy{width:100%;}
.post-intro-img {height: 320px;}
.copy-container.article h2{font-size:16px;}
.copy-container.article h3, .copy-container.article h4, .copy-container.article h5{font-size:24px;line-height:32px;}
.usp-bar-item{height:32px;}
.owl-carousel .owl-item .usp-bar-item img{width:32px !important;height:32px !important;}
.usp-bar-item span{height:32px;line-height:32px;}
.hero-copy-container, .hero-image-container{width:100%;margin-bottom:32px;}
.hero-copy-container {padding-right: 0px;}
.hero-copy-container.centre{padding-left:0;padding-right:0;}
.fw-hero-content.left.retailer-info{padding:32px;margin-bottom:0;}
.retailer-info h1 {
    font-size: 32px;
    margin-bottom: 16px;
    line-height: 40px;
}
.mck-sub-nav{display:none;}
.mck-lg-nav{display:none;}
.mck-header-buttons{right:16px;}
.mck-primary-nav.microsite-nav, .mck-primary-nav.microsite-nav ul {
    width: 66.6666%;
}
.range-page-rks .rkThumbnail{height:200px;}
a.micrositeAnchor{
    margin-top: -65px;
}
.mobile-header-cta{display:inline-block;}
.mck-header-cta.left, .mck-header-cta.right{display:none;}
.mck-header-buttons{display:inline-block;}
.mck-main-content{padding-top:104px;}
.mck-main-header {
    height: 64px;
    position: fixed;
    width: 100%;
    z-index: 10;
    border-bottom:solid 1px #edf1f3;
}
.mck-header-top{height:64px;}
.mck-logo img {
    width: 196px !important;
    height: 40px !important;
    float: left;
}
.mck-primary-nav{
    top:64px;
}
.mck-primary-nav > li.right {
    float: none;
}
.mck-primary-nav > li.mob-only{display:block;}
.mck-header-cta{display:none;}
.mck-header-cta.left, .mck-header-cta.right{display:none;}
.content-row.padding, .content-container.padding{padding-top:48px;padding-bottom:48px;}
.content-row.padding-top, .content-container.padding-top{padding-top:48px;}
.content-row.padding-bottom, .content-container.padding-bottom{padding-bottom:48px;}
.content-container{max-width:980px;}
ul.mck-nav-standard, ul.mck-secondary-nav, ul.mck-secondary-nav ul{top:0px;}
.mck-header-buttons{display:inline-block;}
#myBtn {bottom:16px;left:16px;}
h1, h1.reduced, h2, h3, h4{font-size:32px;line-height:40px;margin-bottom:24px;}
p, ul, body{font-size:16px;}
a.btn{font-size:14px;padding:12px 16px;}
.content-container{width: 100%;}
.page-intro h1{font-size:48px;line-height:56px;}
.page-intro-bg{height:280px;}
.mck-main-content{padding-top:104px;}
.mck-main-header {
    height: auto;
    position: fixed;
    width: 100%;
    z-index: 10;
    border-bottom:solid 1px #f3f3f2;
}
.mck-main-header-top{height:64px;}
a.mck-logo {margin-top: 0px;;display:inline-block;}
.mck-logo img {
    width: 160px !important;
    height: auto !important;
    float: left;
}
.trustpilotGlobal {margin-top: 16px;margin-left: 16px;}
.trustpilotGlobal img {width: 60px;height: auto;}
.inspiration-post{
    width: 49.99999%;
    padding: 0 16px 32px;
    height:auto;
}
.inspiration-post .postThumbnail{height:192px;}
.blog-navigation ul {font-size: 12px;}
.gtlSlide {
    height: auto;
    display: table;
}
a.ctaBtn{font-size:16px;}
.gtlSlide .gtlCaption, .gtlSlide.third .gtlCaption, .gtlSlide.half .gtlCaption{height: auto;padding: 2rem;width: 100%;}
.gtlSlide .gtlImage, .gtlSlide.third .gtlImage, .gtlSlide.half .gtlImage{height: 240px;width: 100%;}
}
/* Medium Screen */
@media only screen and (min-width: 990px) and (max-width: 1280px){
.content-container{width:100%;}
.content-row.padding, .content-container.padding {
    padding-top: 48px;
    padding-bottom: 48px;
}
.content-row.padding-top, .content-container.padding-top {padding-top: 48px;}
.content-row.padding-bottom, .content-container.padding-bottom {padding-bottom: 48px;}
.bg-video-container .page-intro-carousel-img{height:480px;}
.guide-row-img, .guide-row-copy{width:50%;}
.post-intro-img {height: 400px;}
.usp-bar-item{height:32px;}
.owl-carousel .owl-item .usp-bar-item img{width:32px !important;height:32px !important;}
.usp-bar-item span{height:32px;line-height:32px;}
h1{
    font-size:48px;
    margin-bottom:24px;
    line-height:56px;
}
h2{
    font-size:40px;
    margin-bottom:24px;
    line-height:48px;
}
h3{
    font-size:32px;
    margin-bottom:24px;
    line-height:40px;
}
h4{
    font-size:32px;
    margin-bottom:24px;
    line-height:40px;
}
h5{
    font-size:24px;
    margin-bottom:16px;
    line-height:32px;
}
p, ul, body{font-size:16px;}
a.btn{font-size:14px;padding:12px 16px;}
.mob-nav-left {display:none;}
.fw-hero-content.left.retailer-info{padding:32px;margin-bottom:0;}
.retailer-info h1 {
    font-size: 32px;
    margin-bottom: 16px;
    line-height: 40px;
}
.range-page-rks .rkThumbnail{height:200px;}
.mck-primary-nav > li > a{font-size:14px;}
.page-intro h1{font-size:48px;line-height:56px;}
.page-intro-bg{height:280px;}
.inspiration-post .postThumbnail{height:auto}
.mck-lg-nav ul li{margin-right:12px;} 
.mck-lg-nav ul li a{font-size:14px;}
}
@media only screen and (min-width: 1280px){
.mob-nav-left {display:none;}
}

/* ----------- LAPTOP Non-Retina Screens ----------- */
@media screen and (min-device-width: 1281px) and (max-device-width: 1600px){
.content-container{width:85%;}
.content-row.padding, .content-container.padding {
    padding-top: 48px;
    padding-bottom: 48px;
}
.content-row.padding-top, .content-container.padding-top {padding-top: 48px;}
.content-row.padding-bottom, .content-container.padding-bottom {padding-bottom: 48px;}
}

/* ----------- LAPTOP Retina Screens ----------- */
@media screen 
  and (min-device-width: 1281px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
.content-container{width:85%;}
.content-row.padding, .content-container.padding {
    padding-top: 48px;
    padding-bottom: 48px;
}
.content-row.padding-top, .content-container.padding-top {padding-top: 48px;}
.content-row.padding-bottom, .content-container.padding-bottom {padding-bottom: 48px;}
}

/*--Style Sheet End:MAIN - 52--*/

/*--Style Sheet:PRODUCT - 54--*/
/* SHOWCASE */
.caption-block.range-tile{padding:16px;}
h2.range-tile-title{font-size:24px;line-height:32px;}
img.rngImage{
    max-width:200px !important; 
    margin:auto;
    border:solid 1px #ececeb;
    margin-bottom:16px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
img#rangeImage{
    border:solid 1px #ececeb;
    display:block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.styleTile{
    text-align:center;
    width: 25%;
    padding: 0 16px 48px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.styleTile img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 24px;
    display: block;
}
.styleTile a{
    color: #54575a;
    text-decoration: none;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.styleTile h2, .styleTile h3, .styleTile h4, .styleTile h5{
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
    position: absolute;
    bottom: -24px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
}

.fs-intro-reduced {
    width: 100%;
    height:50vh;
    position: relative;
    background-color: #E6E2DA;
}
.fs-intro-reduced.newforest, .fs-intro.newforest{background-color:#4E534D;color:#ffffff;}
.fs-intro-reduced.inkwell, .fs-intro.inkwell{background-color:#353C4D;color:#ffffff;}
.fs-intro-reduced.farringdon, .fs-intro.farringdon{background-color:#d8d2ce;}
.fs-intro-reduced.umber, .fs-intro.umber{background-color:#332D2D;color:#ffffff;}
.fs-intro-reduced.coastal, .fs-intro.coastal{background-color:#9AA7B3;}
.fs-intro-reduced.light-grey, .fs-intro.light-grey{background-color:#DFDFDF;}
.fs-intro-reduced.scots, .fs-intro.scots{background-color:#F4F5F5;}
.fs-intro-reduced.oxford, .fs-intro.oxford{background-color:#0F3455;color:#ffffff;}
.fs-intro-reduced.hunter, .fs-intro.hunter{background-color:#27433A;color:#ffffff;}
.fs-intro-reduced.graphite, .fs-intro.graphite{background-color:#4D4E53;color:#ffffff;}
.fs-intro-reduced.vintage, .fs-intro.vintage{background-color:#C6A5AA;color:#ffffff;}
.fs-intro-reduced.wisteria, .fs-intro.wisteria{background-color:#A38E9D;color:#ffffff;}
.fs-intro-reduced.black, .fs-intro.black{background-color:#343434;color:#ffffff;}
/* INTROS */
.fs-intro-img.modern{background-image:url('/assets/Showcase/masterclass-modern-kitchens-hero.jpg');}
.fs-intro-img.shaker{background-image:url('/assets/Showcase/masterclass-shaker-kitchens-hero.jpg');}
.fs-intro-img.classic{background-image:url('/assets/Showcase/masterclass-classic-kitchens-hero.jpg');}
.fs-intro-img.handleless{background-image:url('/assets/Showcase/masterclass-handleless-kitchens-hero.jpg');}
.fs-intro-img.painted{background-image:url('/assets/Showcase/masterclass-painted-kitchens-hero.jpg');}
.fs-intro-img.gloss{background-image:url('/assets/Showcase/masterclass-gloss-kitchens-hero.jpg');}
.fs-intro-img.grey{background-image:url('/assets/Showcase/masterclass-grey-kitchens-hero.jpg');}
.fs-intro-img.blue{background-image:url('/assets/Showcase/masterclass-blue-kitchens-hero.jpg');}
.fs-intro-img.green{background-image:url('/assets/Showcase/masterclass-green-kitchens-hero.jpg');}
.fs-intro-img.dark{background-image:url('/assets/Showcase/masterclass-dark-kitchens-hero.jpg');}
.fs-intro-img.pink{background-image:url('/assets/Showcase/masterclass-pink-kitchens-hero.jpg');}
.fs-intro-img.purple{background-image:url('/assets/Showcase/masterclass-purple-kitchens-hero.jpg');}
.fs-intro-img.storage{background-image:url('/assets/Showcase/masterclass-kitchen-storage-hero.jpg');}
.fs-intro-img.design-features{background-image:url('/assets/Showcase/masterclass-design-features-hero.jpg');}
/* RK FEEDS */
.realKitchensFeed{
    position: relative;
    display: table;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-auto-flow: dense;
    padding-bottom:80px;
}

/* Storage */
.product-colours div {
    width: 16.6666%;
    float: left;
    padding-right: 16px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.product-colours div:last-child{margin-right:0px}
.product-colours div img{width:100% !important;height:auto !important;}

.modern01{background-image:url('/assets/Showcase/modern-kitchens-hero-01.jpg');}
.modern02{background-image:url('/assets/Showcase/modern-kitchens-hero-02.jpg');}
.modern03{background-image:url('/assets/Showcase/modern-kitchens-hero-03.jpg');}
.modern04{background-image:url('/assets/Showcase/modern-kitchens-hero-04.jpg');}
.modern05{background-image:url('/assets/Showcase/modern-kitchens-hero-05.jpg');}

.shaker01{background-image:url('/assets/Showcase/shaker-kitchens-hero-01.jpg');}
.shaker02{background-image:url('/assets/Showcase/shaker-kitchens-hero-02.jpg');}
.shaker03{background-image:url('/assets/Showcase/shaker-kitchens-hero-03.jpg');}
.shaker04{background-image:url('/assets/Showcase/shaker-kitchens-hero-04.jpg');}

.gloss01{background-image:url('/assets/Showcase/gloss-kitchens-hero-01.jpg');}
.gloss02{background-image:url('/assets/Showcase/gloss-kitchens-hero-02.jpg');}
.gloss03{background-image:url('/assets/Showcase/gloss-kitchens-hero-03.jpg');}
.gloss04{background-image:url('/assets/Showcase/gloss-kitchens-hero-04.jpg');}

.painted01{background-image:url('/assets/Showcase/painted-kitchens-hero-01.jpg');}
.painted02{background-image:url('/assets/Showcase/painted-kitchens-hero-02.jpg');}
.painted03{background-image:url('/assets/Showcase/painted-kitchens-hero-03.jpg');}
.painted04{background-image:url('/assets/Showcase/painted-kitchens-hero-04.jpg');}

.grey01{background-image:url('/assets/Showcase/grey-kitchens-01.jpg');}
.grey02{background-image:url('/assets/Showcase/grey-kitchens-02.jpg');}
.grey03{background-image:url('/assets/Showcase/grey-kitchens-03.jpg');}
.grey04{background-image:url('/assets/Showcase/grey-kitchens-04.jpg');}
.grey05{background-image:url('/assets/Showcase/grey-kitchens-05.jpg');}

.blue01{background-image:url('/assets/Showcase/blue-kitchens-01.jpg');}
.blue02{background-image:url('/assets/Showcase/blue-kitchens-02.jpg');}
.blue03{background-image:url('/assets/Showcase/blue-kitchens-03.jpg');}
.blue04{background-image:url('/assets/Showcase/blue-kitchens-04.jpg');}
.blue05{background-image:url('/assets/Showcase/blue-kitchens-05.jpg');}

.green01{background-image:url('/assets/Showcase/green-kitchens-01.jpg');}
.green02{background-image:url('/assets/Showcase/green-kitchens-02.jpg');}
.green03{background-image:url('/assets/Showcase/green-kitchens-03.jpg');}

.dark01{background-image:url('/assets/Showcase/dark-kitchens-01.jpg');}
.dark02{background-image:url('/assets/Showcase/dark-kitchens-02.jpg');}
.dark03{background-image:url('/assets/Showcase/dark-kitchens-03.jpg');}
.dark04{background-image:url('/assets/Showcase/dark-kitchens-04.jpg');}
.dark05{background-image:url('/assets/Showcase/dark-kitchens-05.jpg');}

.pink01{background-image:url('/assets/Showcase/pink-kitchens-01.jpg');}
.pink02{background-image:url('/assets/Showcase/pink-kitchens-02.jpg');}
.pink03{background-image:url('/assets/Showcase/pink-kitchens-03.jpg');}
.pink04{background-image:url('/assets/Showcase/pink-kitchens-04.jpg');}

.purple01{background-image:url('/assets/Showcase/purple-kitchens-01.jpg');}
.purple02{background-image:url('/assets/Showcase/purple-kitchens-02.jpg');}
.purple03{background-image:url('/assets/Showcase/purple-kitchens-03.jpg');}
.purple04{background-image:url('/assets/Showcase/purple-kitchens-04.jpg');}
.purple05{background-image:url('/assets/Showcase/purple-kitchens-05.jpg');}

.handleless01{background-image:url('/assets/Showcase/true-handleless-kitchens-01.jpg');}
.handleless02{background-image:url('/assets/Showcase/true-handleless-kitchens-02.jpg');}
.handleless03{background-image:url('/assets/Showcase/true-handleless-kitchens-03.jpg');}
.handleless04{background-image:url('/assets/Showcase/true-handleless-kitchens-04.jpg');}
.handleless05{background-image:url('/assets/Showcase/true-handleless-kitchens-05.jpg');}

.classic01{background-image:url('/assets/Showcase/classic-kitchens-hero-01.jpg');}
.classic02{background-image:url('/assets/Showcase/classic-kitchens-hero-02.jpg');}
.classic03{background-image:url('/assets/Showcase/classic-kitchens-hero-03.jpg');}
.classic04{background-image:url('/assets/Showcase/classic-kitchens-hero-04.jpg');}

.designfeatures01{background-image:url('/assets/Showcase/design-features-01.jpg');}
.designfeatures02{background-image:url('/assets/Showcase/design-features-02.jpg');}
.designfeatures03{background-image:url('/assets/Showcase/design-features-03.jpg');}
.designfeatures04{background-image:url('/assets/Showcase/design-features-04.jpg');}
.designfeatures05{background-image:url('/assets/Showcase/design-features-05.jpg');}

.storage01{background-image:url('/assets/Showcase/kitchen-storage-01.jpg');}
.storage02{background-image:url('/assets/Showcase/kitchen-storage-02.jpg');}
.storage03{background-image:url('/assets/Showcase/kitchen-storage-03.jpg');}
.storage04{background-image:url('/assets/Showcase/kitchen-storage-04.jpg');}
.storage05{background-image:url('/assets/Showcase/kitchen-storage-05.jpg');}

.main-product-img.kitchens{background-image:url('/assets/Showcase/masterclass-kitchens-hp-01_.jpg');}
.main-product-img.kitchens:hover{background-image:url('/assets/Showcase/masterclass-kitchens-hp-02_.jpg');}
.main-product-img.kitchen-storage{background-image:url('/assets/Showcase/masterclass-kitchen-storage-01.jpg');}
.main-product-img.kitchen-storage:hover{background-image:url('/assets/Showcase/masterclass-kitchen-storage-02.jpg');}
.main-product-img.living-furniture{background-image:url('/assets/Showcase/masterclass-living-furniture-01.jpg');}
.main-product-img.living-furniture:hover{background-image:url('/assets/Showcase/masterclass-living-furniture-02.jpg');}

.main-product-img.modern-look{background-image:url('/assets/Showcase/the-modern-look-01.jpg');}
.main-product-img.modern-look:hover{background-image:url('/assets/Showcase/the-modern-look-02.jpg');}
.main-product-img.classic-look{background-image:url('/assets/Showcase/the-classic-look-01.jpg');}
.main-product-img.classic-look:hover{background-image:url('/assets/Showcase/the-classic-look-02.jpg');}
.main-product-img.inframe-look{background-image:url('/assets/Showcase/inframe-effect-01.jpg');}
.main-product-img.inframe-look:hover{background-image:url('/assets/Showcase/inframe-effect-02.jpg');}

.main-product-img.modern-kitchens{background-image:url('/assets/Showcase/masterclass-modern-kitchens-01_.jpg');}
.main-product-img.modern-kitchens:hover{background-image:url('/assets/Showcase/masterclass-modern-kitchens-02_.jpg');}
.main-product-img.shaker-kitchens{background-image:url('/assets/Showcase/masterclass-shaker-kitchens-01_.jpg');}
.main-product-img.shaker-kitchens:hover{background-image:url('/assets/Showcase/masterclass-shaker-kitchens-02_.jpg');}
.main-product-img.classic-kitchens{background-image:url('/assets/Showcase/masterclass-classic-kitchens-01_.jpg');}
.main-product-img.classic-kitchens:hover{background-image:url('/assets/Showcase/masterclass-classic-kitchens-02_.jpg');}
.main-product-img.handleless-kitchens{background-image:url('/assets/Showcase/masterclass-handleless-kitchens-01_.jpg');}
.main-product-img.handleless-kitchens:hover{background-image:url('/assets/Showcase/masterclass-handleless-kitchens-02_.jpg');}
.main-product-img.painted-kitchens{background-image:url('/assets/Showcase/masterclass-painted-kitchens-01.jpg');}
.main-product-img.painted-kitchens:hover{background-image:url('/assets/Showcase/masterclass-painted-kitchens-02.jpg');}
.main-product-img.gloss-kitchens{background-image:url('/assets/Showcase/masterclass-gloss-kitchens-01.jpg');}
.main-product-img.gloss-kitchens:hover{background-image:url('/assets/Showcase/masterclass-gloss-kitchens-02.jpg');}

.main-product-img.grey-kitchens{background-image:url('/assets/Showcase/masterclass-grey-kitchens-01.jpg');}
.main-product-img.grey-kitchens:hover{background-image:url('/assets/Showcase/masterclass-grey-kitchens-02.jpg');}
.main-product-img.blue-kitchens{background-image:url('/assets/Showcase/masterclass-blue-kitchens-01.jpg');}
.main-product-img.blue-kitchens:hover{background-image:url('/assets/Showcase/masterclass-blue-kitchens-02.jpg');}
.main-product-img.green-kitchens{background-image:url('/assets/Showcase/masterclass-green-kitchens-01.jpg');}
.main-product-img.green-kitchens:hover{background-image:url('/assets/Showcase/masterclass-green-kitchens-02.jpg');}
.main-product-img.dark-kitchens{background-image:url('/assets/Showcase/masterclass-dark-kitchens-01.jpg');}
.main-product-img.dark-kitchens:hover{background-image:url('/assets/Showcase/masterclass-dark-kitchens-02.jpg');}
.main-product-img.pink-kitchens{background-image:url('/assets/Showcase/masterclass-pink-kitchens-01.jpg');}
.main-product-img.pink-kitchens:hover{background-image:url('/assets/Showcase/masterclass-pink-kitchens-02.jpg');}
.main-product-img.purple-kitchens{background-image:url('/assets/Showcase/masterclass-purple-kitchens-01.jpg');}
.main-product-img.purple-kitchens:hover{background-image:url('/assets/Showcase/masterclass-purple-kitchens-02.jpg');}

.main-product-img.cocktail-cab{background-image:url('/assets/Showcase/kitchen-storage-cocktail-cabinet-bg01.jpg');}
.main-product-img.cocktail-cab:hover{background-image:url('/assets/Showcase/kitchen-storage-cocktail-cabinet-bg02.jpg');}
.main-product-img.pantry{background-image:url('/assets/Showcase/kitchen-storage-pantry-bg01.jpg');}
.main-product-img.pantry:hover{background-image:url('/assets/Showcase/kitchen-storage-pantry-bg02.jpg');}
.main-product-img.cornerPantry{background-image:url('/assets/Showcase/kitchen-storage-corner-pantry-bg01.jpg');}
.main-product-img.cornerPantry:hover{background-image:url('/assets/Showcase/kitchen-storage-corner-pantry-bg02.jpg');}
.main-product-img.pullouts{background-image:url('/assets/Showcase/kitchen-storage-pull-outs-bg01.jpg');}
.main-product-img.pullouts:hover{background-image:url('/assets/Showcase/kitchen-storage-pull-outs-bg02.jpg');}
.main-product-img.larderUnits{background-image:url('/assets/Showcase/kitchen-storage-larder-units-bg01.jpg');}
.main-product-img.larderUnits:hover{background-image:url('/assets/Showcase/kitchen-storage-larder-units-bg02.jpg');}
.main-product-img.wideDrawers{background-image:url('/assets/Showcase/kitchen-storage-wide-drawers-bg01.jpg');}
.main-product-img.wideDrawers:hover{background-image:url('/assets/Showcase/kitchen-storage-wide-drawers-bg02.jpg');}
.main-product-img.wideCabinets{background-image:url('/assets/Showcase/kitchen-storage-wide-cabinets-bg01.jpg');}
.main-product-img.wideCabinets:hover{background-image:url('/assets/Showcase/kitchen-storage-wide-cabinets-bg02.jpg');}
.main-product-img.integratedBin{background-image:url('/assets/Showcase/kitchen-storage-integrated-bin-bg01.jpg');}
.main-product-img.integratedBin:hover{background-image:url('/assets/Showcase/kitchen-storage-integrated-bin-bg02.jpg');}
.main-product-img.wood-drawers{background-image:url('/assets/Showcase/kitchen-storage-wood-drawers-bg01.jpg');}
.main-product-img.wood-drawers:hover{background-image:url('/assets/Showcase/kitchen-storage-wood-drawers-bg02.jpg');}
.main-product-img.legrabox{background-image:url('/assets/Showcase/kitchen-storage-legrabox-bg01.jpg');}
.main-product-img.legrabox:hover{background-image:url('/assets/Showcase/kitchen-storage-legrabox-bg02.jpg');}

.main-product-img.conneryIcon:after{background-image:url(/assets/Showcase/the-connery-logo.png);}
.main-product-img.hathawayIcon:after{background-image:url(/assets/Showcase/the-hathaway-logo-thumbnail.png);}
.main-product-img.lansburyIcon:after{background-image:url(/assets/Showcase/the-lansbury-logo-thumbnail.png);}
.main-product-img.magnaIcon:after{background-image:url(/assets/Showcase/magnaspace-logo-thumbnail.png);}
.main-product-img.spaceIcon:after{background-image:url(/assets/Showcase/spacetower-logo.png);}
.main-product-img.lineaIcon:after{background-image:url(/assets/Showcase/linea-logo-thumbnail.png);}
.main-product-img.lineplusIcon:after{background-image:url(/assets/Showcase/lineaplus-logo-thumbnail.png);}
.main-product-img.velaIcon:after{background-image:url(/assets/Showcase/velabin-logo-thumbnail.png);}

.main-product-img.islands{background-image:url('/assets/Showcase/freestanding-kitchen-islands-cover1.jpg');}
.main-product-img.islands:hover{background-image:url('/assets/Showcase/freestanding-kitchen-islands-cover2.jpg');}
.main-product-img.boot-room{background-image:url('/assets/Showcase/boot-room-cover1.jpg');}
.main-product-img.boot-room:hover{background-image:url('/assets/Showcase/boot-room-cover2.jpg');}
.main-product-img.open-shelving{background-image:url('/assets/Showcase/open-shelving-cover2.jpg');}
.main-product-img.open-shelving:hover{background-image:url('/assets/Showcase/open-shelving-cover1.jpg');}
.main-product-img.inframe{background-image:url('/assets/Showcase/inframe-system-cover1.jpg');}
.main-product-img.inframe:hover{background-image:url('/assets/Showcase/inframe-system-cover2.jpg');}
.main-product-img.chefs-table{background-image:url('/assets/Showcase/chefs-table-cover1.jpg');}
.main-product-img.chefs-table:hover{background-image:url('/assets/Showcase/chefs-table-cover2.jpg');}

.main-product-img.modern-living{background-image:url('/assets/Showcase/living-collection-modern-bg1.jpg');}
.main-product-img.modern-living:hover{background-image:url('/assets/Showcase/living-collection-modern-bg2.jpg');}
.main-product-img.classic-living{background-image:url('/assets/Showcase/living-collection-classic-bg1.jpg');}
.main-product-img.classic-living:hover{background-image:url('/assets/Showcase/living-collection-classic-bg2.jpg');}

.main-product-img.crate-drawers{background-image:url('/assets/Showcase/wood-crate-drawers-cover1.jpg');}
.main-product-img.crate-drawers:hover{background-image:url('/assets/Showcase/wood-crate-drawers-cover2.jpg');}

.main-product-img.sliding-door{background-image:url('/assets/masterclass-sliding-door-cabinet-thumbnail-01.jpg');}
.main-product-img.sliding-door:hover{background-image:url('/assets/masterclass-sliding-door-cabinet-thumbnail-02.jpg');}

.main-product-img.bifold-door{background-image:url('/assets/masterclass-bifold-door-cabinet-thumbnail-01.jpg');}
.main-product-img.bifold-door:hover{background-image:url('/assets/masterclass-bifold-door-cabinet-thumbnail-02.jpg');}

.main-product-img.wine-drawers{background-image:url('/assets/Showcase/wine-drawers-cover1.jpg');}
.main-product-img.wine-drawers:hover{background-image:url('/assets/Showcase/wine-drawers-cover2.jpg');}

.main-product-img.manufacturing{background-image:url('/assets/Showcase/precision-manufacturing-bg.jpg');}
.main-product-img.how-to-purchase{background-image:url('/assets/Showcase/how-to-purchase-bg.jpg');}
.main-product-img.about-us{background-image:url('/assets/Showcase/mck-about-us-intro.jpg');}

.range-title h1 div{
    font-size:24px;
    line-height:32px;
    font-style: italic;
}
h1.range-title div{
    font-size:24px;
    line-height:32px;
    font-style: italic;
}

/* Carousels */
#combinationsCarousel p{
    text-align:center;
}

#doorCarousel p{
    margin-bottom:0;
    text-align:center; 
}
.product-carousel-container, .product-images{position:relative;}
.product-images p {
    position: absolute;
    bottom: 0;
    left: 16px;
    color: #ffffff;
}
.product-images .slider-counter{
    color:#ffffff;
    bottom:0;
    right:8px;
}

.owl-carousel.range-carousel .owl-nav {
    position: absolute;
    width:100%;
    top: 50%;
}
.owl-theme.range-carousel .owl-next{
    float:right !important; 
}
.owl-theme.range-carousel .owl-nav .owl-next, .owl-theme.range-carousel .owl-nav .owl-prev{margin-top:0 !important;}
.slider-counter, .door-counter {
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    z-index: 1;
    right: 0;
    font-family: AvenirNextLTPro-Demi;
}
.owl-theme.range-carousel .owl-dots {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    right: 8px;
}
.owl-carousel.combinationsCarousel img{margin-bottom:24px;}
.owl-carousel.combinationsCarousel p{
    margin-bottom:0px;
}

/* Product Modal */
.productmodal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100vw;
    height: 100vw;
    overflow-y: scroll;
    background-color: rgba(255, 255, 255, 0.75);
}
.product-modal-main {
    width: 960px;
    max-width: 90%;
    margin: 80px auto 0;
    background-color:#ffffff;
    border:solid 1px #54575a;
    padding:48px 16px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.product-images .owl-carousel .owl-stage-outer{margin-bottom:0;}
.caption-block.new:before, #doorCarousel .new:before{
    content:"NEW";
    position: absolute;
    top: 16px;
    left: 0;
    padding:8px 12px;
    background-color: #bba677;
    box-sizing: border-box;
    text-align: left;
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    color: #ffffff;
    z-index:1;
}
.caption-block.range a{
    display: block;
    color: #54575a;
    text-decoration: none;
}
.caption-block.range h3{margin-bottom:4px;}
.main-product-img.new:before{
    content:"NEW";
    position: absolute;
    top: 16px;
    left: 0;
    padding:8px 12px;
    background-color: #bba677;
    box-sizing: border-box;
    text-align: left;
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    color: #ffffff;
    z-index:1;
}
.caption-block.product h3, .caption-block.main-product h2, .caption-block.main-product h3 {
    font-size: 24px;
    line-height:32px;
    margin-bottom: 0px;
}
.caption-block.product p{margin-bottom:0px;}
.caption-block.main-product {
    border-bottom: solid 1px #ececeb;
    padding-bottom:16px;
    transition:border-bottom 0.3s ease;
}
.caption-block.main-product:hover{
    border-bottom:solid 1px #54575a;
}
.main-product-img {
    background-color: #c8c7c7;
    height: 240px;
    position: relative;
    text-align: center;
    width:100%;
    margin-bottom:16px;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    transition: all 0.3s ease;
}
.main-product-img:after{
    content:"";
    position:absolute;
    top:16px;
    left:0;
    background-size:100px 100px;
    width:100px;
    height:100px;
}
.main-product-img.brochureCta:before{
    content:"Complementary Masterclass Brochures & Magazine";
    position: absolute;
    top: 16px;
    left: 0;
    background-color: #5e555e;
    width: 50%;
    padding: 16px;
    box-sizing: border-box;
    text-align: left;
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-size: 14px;
    line-height:20px;
    font-style: italic;
    color: #ffffff;
}
.main-product-img.standard:before{
    content:"Fitted As Standard";
    position: absolute;
    top: 16px;
    left: 0;
    background-color: #343434;
    width: 33.3333%;
    padding: 16px;
    box-sizing: border-box;
    text-align: left;
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-size: 14px;
    line-height:20px;
    font-style: italic;
    color: #ffffff;
}
.main-product-img.retailersCta:before{
    content:"130+ Expert Retailers Nationwide";
    position: absolute;
    top: 16px;
    left: 0;
    background-color: #99ced2;
    width: 50%;
    padding: 16px;
    box-sizing: border-box;
    text-align: left;
    font-family: baskerville-display-pt, Georgia, Times, "Times New Roman", serif;
    font-size: 14px;
    font-style: italic;
    color: #343434;
}
.main-product-img.tall{height:380px;}
.caption-block.main-product a {
    display: block;
    width: 100%;
    height: 100%;
    color:#54575a;
    text-decoration:none;
    transition: all 0.3s ease;
}
.content-row.blue .caption-block.main-product a{color:#ffffff;}
.content-row.blue .caption-block.main-product:hover{border-bottom:solid 1px #99ced2;}
.product-overlay h2, .product-overlay h3, .product-overlay h4, .product-overlay h5{
    font-size:32px;
    line-height:40px;
    margin-bottom:0;
    padding:0 32px;
    width:calc(100% - 64px);
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

.rangeCarousel.owl-theme .owl-nav {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
}

.homepageSlide.kitchens-one{
    background-image:url('/assets/Showcase/kitchens-intro-01.jpg');
    opacity:1;
}
.homepageSlide.kitchens-two{
    background-image:url('/assets/Showcase/kitchens-intro-02.jpg');
    animation-delay: 8s;
    -o-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -webkit-animation-delay: 8s;
}
.homepageSlide.kitchens-three{
    background-image:url('/assets/Showcase/kitchens-intro-03.jpg');
    animation-delay: 16s;
    -o-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -webkit-animation-delay: 16s;
}
.fsIntroBg.Larna{
    background-image:url('/assets/Showcase/hline-hero-img-larna.jpg');
}
.fsIntroBg.Deco{
    background-image:url('/assets/Showcase/hline-hero-img-deco.jpg');
}
.fsIntroBg.Hampton{
    background-image:url('/assets/Showcase/hline-hero-img-hampton.jpg');
}
.fsIntroBg.Sutton{
    background-image:url('/assets/Showcase/hline-hero-img-sutton.jpg');
}
.fsIntroBg.Madoc{
    background-image:url('/assets/Showcase/hline-hero-img-madoc.jpg');
}
.fsIntroBg.Lumina{
    background-image:url('/assets/Showcase/hline-hero-img-lumina.jpg');
}
#modernKitchens .pageIntroImgBg{background-image:url('/assets/Showcase/modern-kitchens-main.jpg');}
#shakerKitchens .pageIntroImgBg{background-image:url('/assets/Showcase/shaker-kitchens-main.jpg');}
#classicKitchens .pageIntroImgBg{background-image:url('/assets/Showcase/classic-kitchens-main.jpg');}
#paintedKitchens .pageIntroImgBg{background-image:url('/assets/Showcase/painted-kitchens-main.jpg');}
#glossKitchens .pageIntroImgBg{background-image:url('/assets/Showcase/gloss-kitchens-main.jpg');}
#mattKitchens .pageIntroImgBg{background-image:url('/assets/Showcase/matt-kitchens-main.jpg');}
#signatureCollection .pageIntroImgBg{background-image:url('/assets/Showcase/kitchen-storage-hero.jpg');}
.signature-product h1{margin-bottom:16px;}
.signature-product p{
    font-size:14px;
    line-height:20px;
}
.rangeTile{
    float:left;
    width: 33.33333%;
    padding: 0 16px 32px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align:center;
}
.colour-options div{
    width: 16.6666%;
    display: inline-block;
    float: left;
    padding-right: 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.colour-options p {
font-size: 10px;
    font-family: AvenirNextLTPro-Regular, sans-serif;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* margin-top: 8px; */
    margin-bottom: 8px;
    height: 24px;
    top: 0;
    display: table;
}
.colour-options div img{
    width:100% !important;
    height:auto !important;
    display:block;
    border:solid 1px #54575a;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.owl-carousel .rangeTile, .w3-col .rangeTile{width:100%;}
.rangeTile img{
    width:100% !important;
    height:auto !important;
    display:block;
    margin-bottom:16px;
}
.rangeTile a{color:#54575a;text-decoration:none;}
.rangeTile a:hover{text-decoration:underline;}
.rangeTile h3{margin-bottom:0;font-size:32px;line-height:40px;}
.rangeTile span.price-group{
    font-size:12px;
}
.rangeTile .rangeTileStyles a{
    font-size:12px;
}
.range-page-cta {
    background-color: #343C4D;
    color: #ffffff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: solid 1px #ececeb;
    padding: 2rem;
    text-align: left;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.10);
}
.slider-counter, .door-counter{
    float:right;
    font-size:14px;
}
.kit-range-usps {
    margin-bottom: 24px;
}
.kit-range-usps ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.kit-range-usps ul li {
    display: inline;
    margin-right: 24px;
    font-size: 14px;
}
.kit-range-usps ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    margin-right: 0.5rem;
    font-style: normal;
    color: #99ced2;
}
.homepageSlide.hline-one{
    background-image:url('/assets/Showcase/hline-intro-01.jpg');
    opacity:1;
}
.homepageSlide.hline-two{
    background-image:url('/assets/Showcase/hline-intro-02.jpg');
    animation-delay: 8s;
    -o-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -webkit-animation-delay: 8s;
}
.homepageSlide.hline-three{
    background-image:url('/assets/Showcase/hline-intro-03.jpg');
    animation-delay: 16s;
    -o-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -webkit-animation-delay: 16s;
}

/* Mobile */
@media only screen and (min-width: 100px) and (max-width: 576px){
  .caption-block.range-tile{padding:8px;}
    h2.range-tile-title{font-size:18px;line-height:24px;}
  .styleTile{
    text-align:center;
    width: 100%;
    padding: 0 0px 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.product-colours div {
    width: 50%;
    padding: 8px;
}
.realKitchensFeed{grid-template-columns: repeat(1,1fr);}
.fs-intro-reduced {
    height: auto;
}
.rangeTile{
    width:100%;
    padding:0 0 32px;
}
.main-product-img{height:160px;}
.main-product-img.brochureCta:before, .main-product-img.retailersCta:before{
    font-size:12px;
    line-height:16px;
    padding:8px;
    width:50%;
}
}
/* Tablet */
@media only screen and (min-width: 577px) and (max-width: 768px){
    .caption-block.range-tile{padding:8px;}
  h2.range-tile-title{font-size:18px;line-height:24px;}
   .styleTile{
    text-align:center;
    width: 50%;
    padding: 0 16px 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.product-colours div {
    width: 25%;
    padding: 8px;
}
.fs-intro-reduced {
    height: auto;
}
}
/* Small Screen & Tablets */
@media only screen and (min-width: 769px) and (max-width: 989px){
     .styleTile{
    text-align:center;
    width: 50%;
    padding: 0 16px 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.product-colours div {
    width: 25%;
    padding: 8px;
}
}
/* Medium Screen */
@media only screen and (min-width: 990px) and (max-width: 1280px){

}
/*--Style Sheet End:PRODUCT - 54--*/

/*--Style Sheet:LAUNCH - 55--*/
.page-intro-carousel-img-hp.newmodern01{background-image:url('/assets/Showcase/new-modern-kitchens-01.jpg');}
.page-intro-carousel-img-hp.newmodern02{background-image:url('/assets/Showcase/new-modern-kitchens-02.jpg');}
.page-intro-carousel-img-hp.newmodern03{background-image:url('/assets/Showcase/new-modern-kitchens-03.jpg');}
.page-intro-carousel-img-hp.newmodern04{background-image:url('/assets/Showcase/new-modern-kitchens-04.jpg');}
.page-intro-carousel-img-hp.newmodern05{background-image:url('/assets/Showcase/new-modern-kitchens-05.jpg');}
.page-intro-carousel-img-hp.newmodern06{background-image:url('/assets/Showcase/new-modern-kitchens-06.jpg');}
.page-intro-carousel-img-hp.newmodern07{background-image:url('/assets/Showcase/new-modern-kitchens-07.jpg');}

.homepageSlide.new-modern01{
    background-image:url('/assets/Showcase/mix-match-modern-bg-01.jpg');
    opacity:1;
}
.homepageSlide.new-modern02{
    background-image:url('/assets/Showcase/mix-match-modern-bg-02.jpg');
    animation-delay: 8s;
    -o-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -webkit-animation-delay: 8s;
}
.homepageSlide.new-modern03{
    background-image:url('/assets/Showcase/mix-match-modern-bg-03.jpg');
    animation-delay: 16s;
    -o-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -webkit-animation-delay: 16s;
}
.homepageSlide.new-modern04{
    background-image:url('/assets/Showcase/mix-match-modern-bg-04.jpg');
    animation-delay: 24s;
    -o-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -webkit-animation-delay: 24s;
}
.homepageSlide.new-modern05{
    background-image:url('/assets/Showcase/mix-match-modern-bg-05.jpg');
    animation-delay: 32s;
    -o-animation-delay: 32s;
    -moz-animation-delay: 32s;
    -webkit-animation-delay: 32s;
}

.introOverlay.fs h1{
    font-size: 64px;
    margin-bottom: 32px;
    line-height: 80px;
}
.fsIntroBg.new-classic{
    background-image:url('/assets/Showcase/classic-test.jpg');
}
.scroll-overlay {
    position: absolute;
    bottom: 32px;
    width: 100%;
    text-align: center;
    color: #ffffff;
}
.scroll-overlay span{
    text-transform:uppercase;
    display:block;
    font-size:12px;
}
.scroll-overlay span:after {
    content: "";
    background-image: url(/assets/Showcase/chevron-down-thin.png);
    width: 48px;
    height: 24px;
    display: block;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top:8px;
}
.config-img {
    position:relative;
    overflow:hidden;
    float:left;
    width: 66.6666%;
    background-color: #f3f3f2;
    height: 100%;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
}
.config-img.sml{
    width: 100%;
    height: 640px;
}
.config-img.sml div{
}
.config-img.sml img{

}
.mini-config-side {
    text-align: center;
}
.mini-config-side h2, .mini-config-side h3, .mini-config-side h4{
    font-size:32px;
    line-height:40px;  
    margin-bottom:8px;  
}
.mini-config-side h5{
    font-style:italic;
    font-size:20px;
    line-height:24px;    
}
.config-panel {
    width: 33.3333%;
    float: left;
    height: 100%;
    padding:64px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    overflow-y:auto;
    position:relative;
}
.config-panel h1{
    font-size:32px;
    line-height:40px;
    margin-bottom:24px;
}
.config-panel h5{
    font-family:AvenirNextLTPro-Demi;
    font-size:16px;
    line-height:24px;
}
.config-panel p{font-size:14px;}

/* Steps */
.step {
  display: none;
  opacity: 0;
  transition:opacity 0.3s ease; 
}
.step.displaying {
  display: block;
  opacity: 1;
}
.float-step-btns {
}
button.steps-btn {
    outline: none;
    border: none;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 16px;
    font-style: italic;
    color: #54575a;
    border-radius: 2px;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 24px;
    cursor: pointer;
    background-color: #ececeb;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
button.steps-btn:after{
    content:"\f054";
    font-family:FontAwesome;
    margin-left:8px;
    font-style:normal;
}
button.steps-btn:disabled{display:none;}
button.back-btn{
    outline: none;
    border: none;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 16px;
    font-style: italic;
    color: #c8c8c7;
    border-radius: 2px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    background-color: #ffffff;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
button.back-btn:disabled{display:none;}
button.back-btn:before{
    content:"\f053";
    font-family:FontAwesome;
    margin-right:8px;
    font-style:normal;
}

/* Customize the label (the container) */
.colour-selection{
    display: table;
    width: 100%;
}
.label-container{
    width:33.3333%;
    float:left;
    display:inline-flex;
    position:relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.container {
    text-align:center;
    border:solid 1px #ffffff;
    display: inline-block;
    position: relative;
    padding-top: 0px;
    margin-bottom: 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffffff;
    font-size: 16px;
    font-family: AvenirNextLTPro-Demi, sans-serif;
    line-height: 24px;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    opacity:0.75;
}
.container img{display:block;margin-bottom:0px;}

/* Hide the browser's default radio button */
.label-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    z-index:1;
}
span.label {
    display: flex;
    height: 48px;
    vertical-align: middle;
    align-items: center;
    line-height: 20px;
    text-align: center;
    width: auto;
    width: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
}
/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    height: 24px;
    width: 24px;
    background-color: #99ced2;
    border-radius: 50%;
    display:none;
}

/* When the radio button is checked, display */

.label-container input:checked ~ .container .checkmark {
    display:block;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "\f00c";
    font-family:FontAwesome;
    color:#ffffff;
    position: absolute;
    display: block;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

.label-container input:checked ~ .container{
    border:solid 1px #54575a;
    opacity:1;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
}

.config-img img {
  width: 100%;
  height:100%;  
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease;
}
.config-img div {
  width: 100%;
  height:100%;  
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
} 
.config-img div.active {
  opacity: 1;
}
.config-img div p {
position: absolute;
    bottom: 0;
    padding: 0 128px 24px 32px;
    margin-bottom: 0;
    z-index: 1;
    color: #ffffff;
    font-size: 18px;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.config-img div p a{color:#ffffff;}

/* RESPONSIVE */
/* Mobile */
@media only screen and (min-width: 100px) and (max-width: 576px){
.container{padding:8px;}
span.label{font-size:14px;}
.config-img.sml{
    height:200px;
}
.config-img div p{
    font-size:10px;
    line-height:16px;
    padding: 0 80px 12px 16px;
}
.config-img, .config-panel{
    width:100%;
    height:40%;
}
.config-panel{
    width:100%;
    height:60%;
    padding:32px;
}
.config-panel h1{
    font-size:24px;
    line-height:32px;
    margin-bottom:24px;
}
}
/* Tablet */
@media only screen and (min-width: 577px) and (max-width: 768px){
.container{padding:8px;}
span.label{font-size:14px;}
.config-img.sml{height: 360px;}
.label-container{width:16.6666%;}

}
/* Small Screen & Tablets */
@media only screen and (min-width: 769px) and (max-width: 989px){
.container{padding:8px;}
span.label{font-size:14px;}

}
/* Medium Screen */
@media only screen and (min-width: 990px) and (max-width: 1280px){
.container{padding:8px;}
span.label{font-size:14px;}

}
/*--Style Sheet End:LAUNCH - 55--*/