#wrapper { background: none repeat scroll 0 0 #F3F3F3; margin: auto; width: 100%; }

.content-asset { margin: 0px !important; }

.xl-slabs { padding: 25px 0 100px; }

.xl-slabs_header { font: bold 30px Roboto, Arial, sans-serif; line-height: 40px; letter-spacing: 3px; text-align: center; text-transform: uppercase; margin: 0 auto 10px; }

.xl-slabs_subheader { font: 20px Roboto, Arial, sans-serif; text-align: center; margin: 15px auto 0 !important; max-width: 1200px; }

.xl-slabs_divider { width: 120px; height: 4px; background: #ED1C24; margin: 0px auto; }

.xl-slabs_section-divider { width: 1120px; height: 1px; background: #D4D4D4; margin: 68px auto; }

@media (min-width: 768px) and (max-width: 1199px) {
  .xl-slabs_header { font-size: 20px; line-height: 24px; margin: 0 auto 15px; }
  
  .xl-slabs_subheader { font-size: 16px; }

  .xl-slabs_divider { width: 100px; }
  
  .xl-slabs_section-divider { width: 730px; margin: 50px auto; }
}

@media (max-width: 767px) {
  .xl-slabs { padding: 25px 0 50px; }
  
  .xl-slabs_header { font: bold 20px Roboto, Arial, sans-serif; line-height: 24px; margin: 0 auto 15px; }
  
  .xl-slabs_subheader { font-size: 16px; }

  .xl-slabs_divider { width: 100px; }
  
  .xl-slabs_section-divider { width: calc(100% - 40px); max-width: 560px; min-width: 280px; margin: 35px auto; }
}

@media (max-width: 459px) {
  .xl-slabs_header { text-align: left; }
  
  .xl-slabs_subheader { text-align: left; }
  
  .xl-slabs_divider { margin: 0 0 20px 0; }
}





.xl-slabs_hero { position: relative; margin: 0 auto; }

.xl-slabs_hero img { display: block; width: 100%; max-height: 600px; }

.xl-slabs_hero_overlay { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); z-index: 10; }

.xl-slabs_hero_overlay > h1 { font: 55px Roboto, Arial, sans-serif; color: #FFFFFF; text-transform: uppercase; margin: 0; }

.xl-slabs_hero_overlay > h1 > span { display: block; font-size: 109px; line-height: 100px; font-weight: bold; }

@media (min-width: 1440px) {
  .xl-slabs_hero img { object-fit: cover; object-position: center bottom; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .xl-slabs_hero_overlay > h1 { font-size: 45px; }
  
  .xl-slabs_hero_overlay > h1 > span { font-size: 80px; line-height: 80px; }
}

@media (max-width: 767px) {
  .xl-slabs_hero { width: calc(100% - 40px); max-width: 560px; min-width: 280px; }
  
  .xl-slabs_hero img { max-height: none; }
  
  .xl-slabs_hero_overlay { top: 25%; left: 6%; }
  
  .xl-slabs_hero_overlay > h1 { font-size: 36px; }
  
  .xl-slabs_hero_overlay > h1 > span { font-size: 76px; line-height: 76px; }
}

@media (max-width: 459px) {
  .xl-slabs_hero_overlay { top: 15%; left: 50%; transform: translateX(-50%); width: max-content; }
  
  .xl-slabs_hero_overlay > h1 { font-size: 32px; }
  
  .xl-slabs_hero_overlay > h1 > span { font-size: 56px; line-height: 56px; }
}





.xl-slabs .parallax-banner { position: relative; overflow: hidden; margin: 80px auto; }

.xl-slabs .parallax-banner_background { position: absolute; left: 0; right: 0; z-index: 1; display: block; width: 100%; height: 100%; background-size: cover; background-position: 50%; background-attachment: fixed; background-repeat: no-repeat; background-image: url(https://i8.amplience.net/i/flooranddecor/xl-slabs-parallax-desktop?w=1920&fmt=auto&qlt=80); }

.xl-slabs .parallax-banner_space { height: 300px; position: relative; }

.xl-slabs .parallax-banner_space h2 { font: bold 60px Roboto, Arial, sans-serif; letter-spacing: 1.5px; color: #FFFFFF; text-transform: uppercase; margin: 0; width: max-content; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }

@media (max-width: 1199px) {
  .xl-slabs .parallax-banner { margin: 50px auto; }
  
  .xl-slabs .parallax-banner_space { height: 200px; }
  
  .xl-slabs .parallax-banner_space h2 { font-size: 42px; }
}

@media (max-width: 767px) {
  .xl-slabs .parallax-banner { width: calc(100% - 40px); max-width: 560px; min-width: 280px; margin: 50px auto; }
  
  .xl-slabs .parallax-banner_background { background-image: url(https://i8.amplience.net/i/flooranddecor/xl-slabs-parallax-mobile?w=560&fmt=auto&qlt=80); }
  
  .xl-slabs .parallax-banner_space h2 { font-size: 30px; width: auto; min-width: 218px; text-align: center; }
}

@supports (-webkit-overflow-scrolling: touch) {
  .xl-slabs .parallax-banner_background { background-attachment: initial !important; }
}





.xl-slabs_hopscotch { width: 1120px; display: flex; flex-direction: row; margin: 0 auto; }

.xl-slabs_hopscotch:not(:first-child) { margin-top: 80px; }

.xl-slabs_hopscotch_left { order: 1; }

.xl-slabs_hopscotch_right { order: 2; }

.xl-slabs_hopscotch_img { width: 735px; }

.xl-slabs_hopscotch_img img { display: block; width: 100%; }

.xl-slabs_hopscotch_text { width: 350px; margin: 0 35px 0 0; position: relative; }

.xl-slabs_hopscotch_right.xl-slabs_ex-hopscotch_text { margin: 0 0 0 35px; }

.xl-slabs_hopscotch_text > div { position: absolute; top: 50%; transform: translateY(-50%); }

.xl-slabs_hopscotch_text h2 { font: bold 28px Roboto, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; margin: 0; }

.xl-slabs_hopscotch_text p { font: 16px Roboto, Arial, sans-serif; line-height: 30px; margin: 0; }

.xl-slabs_hopscotch_text ul { padding-inline-start: 20px; }

.xl-slabs_hopscotch_text li { font: 18px Roboto, Arial, sans-serif; list-style-type: disc; }

.xl-slabs_hopscotch_text li:not(:first-child) { margin-top: 5px; }

.xl-slabs_hopscotch_text_divider { background: #ED1C24; width: 100px; height: 4px; margin: 15px 0; }

.xl-slabs_hopscotch_text_link { display: block; font: 16px Roboto, Arial, sans-serif; line-height: 20px !important; color: #000000; text-decoration: underline !important; text-decoration-color: #ED1C24 !important; margin: 10px 0 0 !important; width: max-content; position: relative; overflow: visible !important; }

.xl-slabs_hopscotch_text_link > span:after { content: ""; background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-arrow-right-big-red"); background-size: 100%; width: 20px; height: 20px; display: block; position: absolute; top: -1px; right: -27px; }

.xl-slabs_hopscotch_text_link:hover { color: #ED1C24; }

@media (min-width: 768px) and (max-width: 1199px) {
  .xl-slabs_hopscotch { width: 760px; }
  
  .xl-slabs_hopscotch:not(:first-child) { margin-top: 50px; }

  .xl-slabs_hopscotch_img { width: 465px; }
  
  .xl-slabs_hopscotch_text { width: 280px; margin: 0 15px 0 0; }
  
  .xl-slabs_hopscotch_right.xl-slabs_ex-hopscotch_text { margin: 0 0 0 15px; }

  .xl-slabs_hopscotch_text h2 { font-size: 18px; }
  
  .xl-slabs_hopscotch_text p { font-size: 14px; line-height: 22px; }
  
  .xl-slabs_hopscotch_text ul { margin: 5px 0 0; }
  
  .xl-slabs_hopscotch_text li { font-size: 14px; }

  .xl-slabs_hopscotch_text_divider { margin: 10px 0; }
  
  .xl-slabs_hopscotch_text_link { font-size: 14px; }
}

@media (max-width: 767px) {
  .xl-slabs_hopscotch { width: calc(100% - 40px); max-width: 560px; min-width: 280px; flex-direction: column; }
  
  .xl-slabs_hopscotch:not(:first-child) { margin-top: 32px; }
  
  .xl-slabs_hopscotch_text.xl-slabs_hopscotch_left { order: 1; }
  
  .xl-slabs_hopscotch_img.xl-slabs_hopscotch_right { order: 2; }
  
  .xl-slabs_hopscotch_img { width: 100%; }
  
  .xl-slabs_hopscotch_img img { width: 100%; position: relative; box-sizing: border-box; }
  
  .xl-slabs_hopscotch_text { width: 100%; margin: 0 0 20px; }
  
  .xl-slabs_hopscotch_right.xl-slabs_ex-hopscotch_text { margin: 0 0 20px; }
  
  .xl-slabs_hopscotch_text > div { position: static; transform: none; }
}

@media (max-width: 459px) {
  .xl-slabs_hopscotch_text h2 { font-size: 18px; }
  
  .xl-slabs_hopscotch_text p { font-size: 16px; line-height: 26px; }
  
  .xl-slabs_hopscotch_text ul { margin: 5px 0 0; }
  
  .xl-slabs_hopscotch_text li { font-size: 14px; }
  
  .xl-slabs_hopscotch_text_divider { margin: 10px 0; }
  
  .xl-slabs_hopscotch_mobile-divider { width: 150px; }
}





.xl-slabs_ex-hopscotch { width: 1150px; display: flex; flex-direction: row; margin: 0 auto; }

.xl-slabs_ex-hopscotch:not(:first-child) { margin-top: 80px; }

.xl-slabs_ex-hopscotch_left { order: 1; }

.xl-slabs_ex-hopscotch_right { order: 2; }

.xl-slabs_ex-hopscotch_img { width: 765px; position: relative; }

.xl-slabs_ex-hopscotch_img img { display: block; position: absolute; bottom: 0; }

.xl-slabs_ex-hopscotch_column-shadow { background: #3D3D3D; width: 30px; height: 314px; position: absolute; top: 50%; transform: translateY(-50%); }

.xl-slabs_ex-hopscotch_box-shadow { background: #3D3D3D; width: 226px; height: 193px; position: absolute; top: 0; }

.xl-slabs_ex-hopscotch_text { width: 350px; margin: 0 35px 0 0; position: relative; }

.xl-slabs_ex-hopscotch_right.xl-slabs_ex-hopscotch_text { margin: 0 0 0 35px; }

#type3 .xl-slabs_ex-hopscotch_text { margin-top: 30px; }

.xl-slabs_ex-hopscotch_text > div { position: absolute; top: 50%; transform: translateY(-50%); }

.xl-slabs_ex-hopscotch_text h3 { font: 24px Roboto, Arial, sans-serif; letter-spacing: 2px; margin: 0; }

.xl-slabs_ex-hopscotch_text p { font: 18px Roboto, Arial, sans-serif; line-height: 30px; margin: 0; }

.xl-slabs_ex-hopscotch_text ul { padding-inline-start: 20px; }

.xl-slabs_ex-hopscotch_text li { font: 18px Roboto, Arial, sans-serif; list-style-type: disc !important; }

.xl-slabs_ex-hopscotch_text li:not(:first-child) { margin-top: 5px; }

.xl-slabs_ex-hopscotch_text_divider { background: #D3D3D3; width: 100%; height: 1px; margin: 15px auto; }

#type1 .xl-slabs_ex-hopscotch_img, #type4 .xl-slabs_ex-hopscotch_img { height: 394px; }

#type2 .xl-slabs_ex-hopscotch_img { height: 330px; }

#type3 .xl-slabs_ex-hopscotch_img { height: 430px; }

.xl-slabs_ex-hopscotch_grid-half { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 35px; position: absolute; bottom: 0; }

.xl-slabs_ex-hopscotch_grid-thirds { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 23px; position: absolute; bottom: 0; }

.xl-slabs_ex-hopscotch_grid-half img, .xl-slabs_ex-hopscotch_grid-thirds img { position: relative; }

.xl-slabs_ex-hopscotch_right .xl-slabs_ex-hopscotch_column-shadow, .xl-slabs_ex-hopscotch_right .xl-slabs_ex-hopscotch_box-shadow { right: 0; }

.xl-slabs_ex-hopscotch_left .xl-slabs_ex-hopscotch_column-shadow + picture > img, .xl-slabs_ex-hopscotch_left .xl-slabs_ex-hopscotch_grid-thirds { right: 0; }

@media (min-width: 768px) and (max-width: 1199px) {
  .xl-slabs_ex-hopscotch { width: 760px; }
  
  .xl-slabs_ex-hopscotch:not(:first-child) { margin-top: 50px; }
  
  .xl-slabs_ex-hopscotch_img { width: 465px; }
  
  .xl-slabs_ex-hopscotch_column-shadow { width: 20px; height: 193px; }
  
  .xl-slabs_ex-hopscotch_box-shadow { width: 143px; height: 130px; }
  
  .xl-slabs_ex-hopscotch_text { width: 280px; margin: 0 15px 0 0; }
  
  .xl-slabs_ex-hopscotch_right.xl-slabs_ex-hopscotch_text { margin: 0 0 0 15px; }
  
  #type3 .xl-slabs_ex-hopscotch_text { margin-top: 15px; }
  
  .xl-slabs_ex-hopscotch_text h3 { font-size: 18px; }
  
  .xl-slabs_ex-hopscotch_text p { font-size: 14px; line-height: 22px; }
  
  .xl-slabs_ex-hopscotch_text ul { margin: 5px 0 0; }
  
  .xl-slabs_ex-hopscotch_text li { font-size: 14px; }

  .xl-slabs_ex-hopscotch_text_divider { margin: 10px auto; }
  
  #type1 .xl-slabs_ex-hopscotch_img, #type4 .xl-slabs_ex-hopscotch_img { height: 243px; }
  
  #type2 .xl-slabs_ex-hopscotch_img { height: 205px; }
  
  #type3 .xl-slabs_ex-hopscotch_img { height: 264px; }
  
  .xl-slabs_ex-hopscotch_grid-half { grid-gap: 15px; }
  
  .xl-slabs_ex-hopscotch_grid-thirds { grid-gap: 13px; }
}

@media (max-width: 767px) {
  .xl-slabs_ex-hopscotch { width: calc(100% - 40px); max-width: 560px; min-width: 280px; flex-direction: column; }
  
  .xl-slabs_ex-hopscotch:not(:first-child) { margin-top: 32px; }
  
  .xl-slabs_ex-hopscotch:nth-child(odd) .xl-slabs_ex-hopscotch_left { order: 2; }

  .xl-slabs_ex-hopscotch:nth-child(odd) .xl-slabs_ex-hopscotch_right { order: 1; }

  .xl-slabs_ex-hopscotch_img { width: 100%; }
  
  .xl-slabs_ex-hopscotch_img img { width: 100%; position: relative; box-sizing: border-box; }
  
  .xl-slabs_ex-hopscotch_column-shadow { width: 10px; height: calc(100% - 30px); min-height: 115px; }

  .xl-slabs_ex-hopscotch_box-shadow { width: 25%; min-width: 83px; height: 50%; max-height: 120px; min-height: 73px; }
  
  .xl-slabs_ex-hopscotch_text { width: 100%; margin: 0 0 20px; }
  
  .xl-slabs_ex-hopscotch_right.xl-slabs_ex-hopscotch_text { margin: 0 0 20px; }
  
  #type3 .xl-slabs_ex-hopscotch_text { margin: 0 0 20px; }

  .xl-slabs_ex-hopscotch_text > div { position: static; transform: none; }
  
  .xl-slabs_ex-hopscotch_mobile-divider { order: 3; width: 250px; height: 1px; background: #D3D3D3; margin: 32px auto 0; }
  
  #type1 .xl-slabs_ex-hopscotch_img, #type2 .xl-slabs_ex-hopscotch_img, #type3 .xl-slabs_ex-hopscotch_img, #type4 .xl-slabs_ex-hopscotch_img { height: auto; }
  
  .xl-slabs_ex-hopscotch_left > picture > img { padding-left: 10px; }

  .xl-slabs_ex-hopscotch_right > picture > img { padding-right: 10px; }
  
  .xl-slabs_ex-hopscotch_grid-half { position: static; grid-gap: 15px; padding: 10px 10px 0 0; box-sizing: border-box; }
  
  .xl-slabs_ex-hopscotch_grid-thirds { position: static; grid-gap: 9px; padding: 10px 0 0 10px; box-sizing: border-box; }
  
  .xl-slabs_ex-hopscotch_grid-half img, .xl-slabs_ex-hopscotch_grid-thirds img { width: 100%; }
}

@media (max-width: 459px) {
  .xl-slabs_ex-hopscotch_text h3 { font-size: 18px; }
  
  .xl-slabs_ex-hopscotch_text p { font-size: 16px; line-height: 26px; }
  
  .xl-slabs_ex-hopscotch_text ul { margin: 5px 0 0; }
  
  .xl-slabs_ex-hopscotch_text li { font-size: 14px; }

  .xl-slabs_ex-hopscotch_text_divider { margin: 10px auto; }
  
  .xl-slabs_ex-hopscotch_mobile-divider { width: 150px; }
}





.xl-slabs_stores { width: 1100px; margin: 0 auto; }

.xl-slabs_stores_links { display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; margin: 38px auto 0; }

.xl-slabs_stores_links > a { display: block; width: max-content; font: 18px Roboto, Arial, sans-serif; text-align: center; text-decoration: underline; color: inherit; margin: 0 auto; }

.xl-slabs_stores_links > a:hover { color: #ED1C24; }

.xl-slabs_stores_sub-divider { background: #DFDFDF; width: 100%; height: 1px; margin: 30px auto; }

.xl-slabs_stores h4 { font: 20px Roboto, Arial, sans-serif; text-align: center; margin: 0 auto; }

.xl-slabs_stores_card { background: #FFFFFF; display: flex; flex-direction: row; width: 100%; margin: 28px 0 0; padding: 22px 40px; box-sizing: border-box; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); }

.xl-slabs_stores_card:first-child { margin: 20px 0 0; }

.xl-slabs_stores_card a { color: #000000; text-decoration: underline; text-decoration-color: #ED1C24; }

.xl-slabs_stores_card a:hover { color: #ED1C24; }

.xl-slabs_stores_card > h5 { font: 16px Roboto, Arial, sans-serif; line-height: 24px; margin: auto 0 !important; width: 168px; padding: 4px 10px 4px 0; border-right: 2px solid #ED1C24; box-sizing: border-box; }

.xl-slabs_stores_card:first-child > h5 { width: 300px; }

.xl-slabs_stores_card > p { font: 16px Roboto, Arial, sans-serif; line-height: 32px; margin: auto 0 auto 30px !important; }

.xl-slabs_stores_disclaimer { font: 16px Roboto, Arial, sans-serif; text-align: center; margin: 35px auto 0 !important; }

.xl-slabs_stores_disclaimer > a { color: inherit; text-decoration: underline; text-decoration-color: #ED1C24; }

.xl-slabs_stores_disclaimer > a:hover { color: #ED1C24; }

@media (min-width: 768px) and (max-width: 1199px) {
  .xl-slabs_stores { width: 730px; }
  
  .xl-slabs_stores_card > h5 { width: 145px; }
  
  .xl-slabs_stores_card:first-child > h5 { width: 435px; }
}

@media (max-width: 767px) {
  .xl-slabs_stores { width: calc(100% - 40px); max-width: 560px; min-width: 280px; }
  
  .xl-slabs_stores_links { grid-template-columns: 1fr; grid-row-gap: 28px; max-width: 340px; margin: 25px auto 0; }
  
  .xl-slabs_stores_links > a { background: #FFFFFF; width: 100%; text-decoration: none; padding: 13px 40px; box-sizing: border-box; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); }
  
  .xl-slabs_stores h4 { font-size: 18px; }
  
  .xl-slabs_stores_card { flex-direction: column; margin: 15px 0 0; padding: 17px 10px; }
  
  .xl-slabs_stores_card:first-child { margin: 15px 0 0; }
  
  .xl-slabs_stores_card > h5 { border-right: none; text-align: center; margin: 0 auto !important; padding: 0 0 10px; position: relative; }
  
  .xl-slabs_stores_card > h5:after { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 32px; height: 2px; background: #ED1C24; }
  
  .xl-slabs_stores_card > p { text-align: center; line-height: 20px; margin: 10px 0 0 !important; }
  
  .xl-slabs_stores_disclaimer { margin: 24px 0 0 !important; }
}

@media (max-width: 459px) {
  .xl-slabs_stores h4, .xl-slabs_stores_disclaimer { text-align: left; }
}





.xl-slabs .info-bytes { width: 1120px; margin: 0 auto; }

.xl-slabs .info-bytes_grid { display: flex; width: 100%; max-width: max-content; margin: 30px auto 0; }

.xl-slabs .info-bytes_grid_divider { display: block; width: 1px; height: 200px; background: #000000; margin: auto 69.5px; }

.xl-slabs .info-bytes_grid_card { width: 280px; }

.xl-slabs .info-bytes_grid_card img { display: block; width: 100%; }

.xl-slabs .info-bytes_grid_card > h5 { font: bold 18px Roboto, Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase; text-align: center; margin: 20px 0 0; }

.xl-slabs .info-bytes_grid_card > p { font: 16px Roboto, Arial, sans-serif; text-align: center; margin: 10px 0 0; }

.xl-slabs .info-bytes_grid_card > a { display: block; font: 14px Roboto, Arial, sans-serif; color: #000000; text-decoration: underline; text-decoration-color: #ED1C24; margin: 10px auto 0; width: max-content; position: relative; overflow: visible; }

.xl-slabs .info-bytes_grid_card > a > span { margin-left: -27px; }

.xl-slabs .info-bytes_grid_card > a > span:after { content: ""; background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-arrow-right-big-red"); background-size: 100%; width: 20px; height: 20px; display: block; position: absolute; top: -1px; right: -27px; }

.xl-slabs .info-bytes_grid_card > a:hover { color: #ED1C24; }

@media (min-width: 768px) and (max-width: 1199px) {
  .xl-slabs .info-bytes { width: 730px; }
  
  .xl-slabs .info-bytes_grid_divider { height: 180px; margin: auto 24.5px; }
  
  .xl-slabs .info-bytes_grid_card { width: 210px; }
}

@media (max-width: 767px) {
  .xl-slabs .info-bytes { width: calc(100% - 40px); max-width: 560px; min-width: 280px; margin: 0 auto; }
  
  .xl-slabs .info-bytes_grid { flex-direction: column; max-width: 100%; margin: 24px auto 0; }
  
  .xl-slabs .info-bytes_grid_divider { height: 1px; width: 250px; margin: 30px auto; }
  
  .xl-slabs .info-bytes_grid_card { width: 100%; }
}

@media (max-width: 459px) {
  .xl-slabs .info-bytes_grid_card h5, .xl-slabs .info-bytes_grid_card p { text-align: left; }
  
  .xl-slabs .info-bytes_grid_card > a { margin: 10px 0 0; }
  
  .xl-slabs .info-bytes_grid_card > a > span { margin: 0; }
}