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

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

.design-studio { min-width: 280px; }

.design-studio_section { width: 100%; background: #FFFFFF; padding: 50px 0 40px; }

.design-studio_gray { background: #F3F3F3; }

.design-studio_header { font: bold 30px Roboto, Arial, sans-serif; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; margin: auto; }

.design-studio_subheader { font: 18px Roboto, Arial, sans-serif; text-align: center; max-width: 1100px; margin: 15px auto 40px !important; }

.design-studio_divider { width: 100px; height: 4px; background: #ED1C24; margin: 10px auto 15px; }

.design-studio_hero { display: block; width: 100%; max-width: 1440px; margin: 0 auto; }

.design-studio_icon { display: block; width: 435px; margin: 0 auto 80px; }

.design-studio_subsection-break { margin-top: 80px; }

.design-studio_gallery { width: 1200px; margin: 0 auto; }

.design-studio_gallery_grid_switch { display: grid; grid-template-columns: repeat(2, auto); grid-column-gap: 30px; grid-row-gap: 30px; max-width: 1200px; margin: 0 auto 30px; }

.design-studio_gallery_img-third { width: 380px; display: block; }

.design-studio_gallery_img-two-third { width: 790px; display: block; }

.design-studio_three-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 25px; grid-row-gap: 45px; width: 1100px; margin: 0 auto; }

.design-studio_two-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 25px; grid-row-gap: 45px; width: 725px; margin: 45px auto 0; }

.design-studio_three-grid_img, .design-studio_two-grid_img { display: block; width: 100%; max-width: 350px; }

.design-studio_three-grid h3, .design-studio_two-grid h3 { font: bold 24px Roboto, Arial, sans-serif; letter-spacing: 3px; text-align: center; text-transform: uppercase; margin: 0 auto 15px; }

.design-studio_three-grid a + a, .design-studio_two-grid a + a { display: block; font: 16px Roboto, Arial, sans-serif; color: #000000; text-align: center; text-decoration: underline; text-decoration-color: #ED1C24; margin: 10px auto 0; width: 110px; position: relative; }

.design-studio_three-grid a + a > span, .design-studio_two-grid a + a > span { margin-left: -27px; position: relative; }

.design-studio_three-grid a + a > span:after, .design-studio_two-grid a + 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: 0px; right: -27px; }

.design-studio_three-grid a:hover + a, .design-studio_three-grid a:hover,
.design-studio_two-grid a:hover + a, .design-studio_two-grid a:hover { color: #ED1C24; }

.design-studio_slider { width: 1120px; margin: 36px auto 0; }

.design-studio_slider_card { display: flex; position: relative; }

.design-studio_slider_img { display: block; width: 808px; height: 450px; margin-left: auto; }

.design-studio_slider_overlay { width: 340px; height: 420px; background: #E0E1D4; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 30px 43px; box-sizing: border-box; }

.design-studio_slider_overlay > h4 { font: bold 30px Roboto, Arial, sans-serif; text-align: center; margin: 0px 0px 5px; }

.design-studio_slider_overlay > p { font: 16px Roboto, Arial, sans-serif; text-align: center; margin: 0px; }

.design-studio_slider_overlay > picture { display: block; width: 160px; margin: 27px auto; }

.design-studio_slider_designer { display: block; width: 160px; height: 164px; }

.design-studio_tools { max-width: max-content; margin: 0 auto; }

.design-studio_tools_grid { display: flex; width: 100%; margin: 0 auto; max-width: max-content; }

.design-studio_tools_card { width: 280px; display: flex; flex-direction: column; }

.design-studio_tools_divider { width: 1px; height: 145px; background: #000000; margin: 0px 32px; }

.design-studio_tools_card > img { display: block; margin: 0 auto; }

.design-studio_tools_card > h4 { font: 18px Roboto, Arial, sans-serif; line-height: 24px; text-align: center; margin: auto 0 30px; }

.design-studio_tools_card > h4:last-child { margin-top: 20px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .design-studio_header { font-size: 24px; }
  
  .design-studio_subheader { font-size: 16px; line-height: 24px; max-width: 700px; margin: 10px auto 30px; }
  
  .design-studio_icon { width: 340px; margin: 0 auto 60px; }
  
  .design-studio_subsection-break { margin-top: 60px; }
  
  .design-studio_gallery { width: 100%; max-width: 720px; margin: 0 auto; }
  
  .design-studio_gallery_grid_switch { width: 100%; grid-column-gap: 18px; grid-row-gap: 18px; }

  .design-studio_gallery_grid_switch:not(:last-child) { margin-bottom: 18px; }
  
  .design-studio_gallery_img-third { max-width: 228px !important; height: 245px !important; object-fit: cover; }
  
  .design-studio_gallery_img-two-third { max-width: 474px !important; height: 245px !important; object-fit: cover; }
  
  .design-studio_three-grid { width: 720px; grid-column-gap: 28px; }
  
  .design-studio_two-grid { width: 468px; grid-column-gap: 28px; }
  
  .design-studio_three-grid_img, .design-studio_two-grid_img { width: 220px; }
  
  .design-studio_three-grid h3, .design-studio_two-grid h3 { font-size: 16px; letter-spacing: 2px; }

  .design-studio_slider { max-width: 712px; }
  
  .design-studio_slider_img { width: 449px; height: 362px; }
  
  .design-studio_slider_overlay { width: 283px; height: 326px; padding: 18px; }
  
  .design-studio_slider_overlay > h4 { font-size: 28px; }
  
  .design-studio_slider_overlay > picture { width: 102px; margin: 15px auto; }
  
  .design-studio_slider_designer { width: 102px; height: 111px; }

  .design-studio_tools_card { width: 200px; }

  .design-studio_tools_divider { margin: 0px 24px; }
  
  .design-studio_tools_card > h4 { font-size: 16px; line-height: 20px; margin: 25px 0 0px; }
}

@media (max-width: 767px) {
  .design-studio_section { padding: 30px 0; }
  
  .design-studio_header { font-size: 24px; line-height: 29px; width: calc(100% - 40px); max-width: 560px; margin: auto; }
  
  .design-studio_subheader { font-size: 16px; line-height: 24px; width: calc(100% - 40px); max-width: 560px; margin: 10px auto 20px; }
  
  .design-studio_icon { width: 200px; margin: 30px auto 45px; }

  .design-studio_subsection-break { margin-top: 30px; }
  
  .design-studio_gallery { width: calc(100% - 40px); max-width: 560px; min-width: 280px; margin: 0 auto; }
  
  .design-studio_gallery_grid_full { display: grid; grid-template-columns: 1fr; }
  
  .design-studio_gallery_grid_two { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 13px; margin: 13px 0; }
  
  .design-studio_gallery_img-third, .design-studio_gallery_img-two-third { width: 100%; min-width: 130px; height: auto; min-height: 130px; max-height: 355px; display: block; object-fit: cover; }
  
  .design-studio_gallery_img-full { width: 100%; display: block; }
  
  .design-studio_gallery_img-half { width: 100%; display: block; }
  
  .design-studio_three-grid, .design-studio_two-grid { grid-template-columns: repeat(2, 1fr); grid-row-gap: 30px; width: calc(100% - 40px); max-width: 560px; }
  
  .design-studio_two-grid { margin: 30px auto 0; }
  
  .design-studio_three-grid a:not(.design-studio_link), .design-studio_two-grid a:not(.design-studio_link) { width: 100%; }

  .design-studio_three-grid_img, .design-studio_two-grid_img { width: 100%; }
  
  .design-studio_three-grid h3, .design-studio_two-grid h3 { font-size: 16px; letter-spacing: 2px; margin: 0 auto 10px; }
  
  .design-studio_slider { width: calc(100% - 40px) !important; max-width: 560px; min-width: 280px; }
  
  .design-studio_slider_img { width: 100%; height: auto; }
  
  .design-studio_slider_overlay { width: calc(100% - 40px); height: max-content; top: auto; left: auto; transform: none; position: relative; margin: -60px auto 0; padding: 20px; }
  
  .design-studio_slider_overlay > h4 { font-size: 24px; }
  
  .design-studio_slider_overlay > picture { width: 111px; margin: 11px auto; }
  
  .design-studio_slider_designer { width: 111px; height: 121px; }

  .design-studio_tools_grid { flex-direction: column; }
  
  .design-studio_tools_card { width: 200px; margin: 0 auto; }
  
  .design-studio_tools_divider { width: 248px; height: 1px; margin: 30px auto; }
  
  .design-studio_tools_card > h4 { font-size: 16px; margin: 20px auto 0; }
}

@media (max-width: 459px) {
  .design-studio_three-grid, .design-studio_two-grid { grid-template-columns: 1fr; min-width: 280px; }
}

@media (min-width: 768px) {
  ._visible-xs { display: none; }
}

@media (max-width: 767px) {
  ._hidden-xs { display: none; }
}


.design-studio_seo { width: 1100px; margin: 0 auto; }

.design-studio_seo h4 { font: bold 16px Roboto, Arial, sans-serif; color: #707070; margin: 0; }

.design-studio_seo h4 { margin: 0 0 35px; }

.design-studio_seo h4:not(:first-child) { margin: 35px 0; }

.design-studio_seo p { font: 16px Roboto, Arial, sans-serif; color: #707070; margin: 0; }

.design-studio_seo ul { font: 16px Roboto, Arial, sans-serif; color: #707070; list-style-type: disc; padding-inline-start: 20px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .design-studio_seo { width: 720px; }
  
  .design-studio_seo h4 { margin: 0 0 20px; }

  .design-studio_seo h4:not(:first-child) { margin: 20px 0; }
  
  .design-studio_seo p { margin: 0; }
}

@media (max-width: 767px) {
  .design-studio_seo { width: calc(100% - 40px); max-width: 560px; min-width: 280px; margin: 24px auto 40px; }
  
  .design-studio_seo h4 { margin: 0 0 20px; }

  .design-studio_seo h4:not(:first-child) { margin: 20px 0; }
  
  .design-studio_seo p { margin: 0; }
}


/* Slider Styles */

.design-studio_slider_wrapper { width: 100%; margin: 0px; }

.slick-list { margin: 0px -6px; }

.slick-slide { margin: 0px 6px; background: #FFFFFF; }

button.slick-arrow { color: transparent !important; }

.slick-prev { left: 6px !important; }

.slick-next { right: 6px !important; }

.slick-prev, .slick-next, .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { background: #000000 !important; width: 40px !important; height: 40px !important; padding: 8px !important; z-index: 10; margin-top: 0px; }

.slick-prev:before { content: "" !important; background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-arrow-left-small-white") !important; background-size: 100%; width: 24px; height: 24px; display: block; opacity: 1 !important; margin: -2px auto 0 auto; }

.slick-next:before { content: "" !important; background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-arrow-right-small-white") !important; background-size: 100%; width: 24px; height: 24px; display: block; opacity: 1 !important; margin: -2px auto 0 auto; }

.slick-disabled:before { opacity: 0.6 !important; }

.slick-dots { bottom: -25px; }

.slick-dots li { margin: 0px; }