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

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

@media screen and (max-width: 767px) {
  .page-content { padding: 0 !important; }
}

._nolink, .design-services_ex-cards_card, .design-services .card-overlay_card { text-decoration: none !important; color: inherit !important; }

._btn, .design-services_ex-hopscotch_text .design-services_ex-hopscotch_link, .design-services_hero_overlay .design-services_hero_btn, .design-services_btn-black { display: block; width: 250px; height: 48px; border: 1px solid #000000; box-sizing: border-box; font: bold 14px Roboto, Lato, sans-serif; line-height: 48px; letter-spacing: 1.96px; color: #000000; text-align: center; text-transform: uppercase; text-decoration: none !important; margin: 0 auto !important; transition: all 0.3s ease; }

._btn:hover, .design-services_ex-hopscotch_text .design-services_ex-hopscotch_link:hover, .design-services_hero_overlay .design-services_hero_btn:hover, .design-services_btn-black:hover { background: #ED1C24; border-color: #ED1C24; color: #FFFFFF !important; transition: all 0.3s ease; }

._list, .design-services_ex-hopscotch_text .design-services_ex-hopscotch_list, .design-services_list-ordered { list-style-type: "◆"; padding-inline-start: 18px; margin: 0; }

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

.design-services_section { width: 100%; }

.design-services_section > div { max-width: 1120px; margin: 0 auto; }

.design-services_header, .design-services_header-3 { font: bold 36px Roboto, Lato, sans-serif; letter-spacing: 3px; text-align: center; text-transform: uppercase; margin: 0 0 15px; }

.design-services_header-3 { font-size: 30px; letter-spacing: 2.5px; text-transform: none; text-align: left; }

.design-services_header-5 { font: bold 16px Roboto, Lato, sans-serif; color: #707070; text-align: left; margin: 0 0 32px; }

.design-services_copy { font: 16px Roboto, Lato, sans-serif; color: #707070; margin: 0; }

.design-services_copy:not(:last-child) { margin: 0 0 20px; }

.design-services_link { display: block; color: #000000; text-decoration: underline !important; text-decoration-color: #ED1C24 !important; }

.design-services_link:hover { color: #ED1C24; }

.design-services_list-ordered { list-style-type: decimal; padding-inline-start: 18px; margin: 0 0 20px; }

.design-services_list-ordered > li { font: 16px Roboto, Lato, sans-serif; color: #707070; }

.design-services_list-ordered > li:not(:last-child) { margin-bottom: 5px; }

.design-services_subheader { font: 16px Roboto, Lato, sans-serif; text-align: center; margin: 0; }

.design-services_divider { width: 160px; height: 4px; background: #ED1C24; margin: 0 auto 15px; }

.design-services_btn-black { background: #000000; color: #FFFFFF !important; }

.design-services ._gray { background: #F3F3F3; }

.design-services ._white { background: #FFFFFF; }

.design-services ._section-padding { padding: 50px 0; }

@media (min-width: 768px) and (max-width: 1199px) {
  .design-services_section > div { width: 730px; }
  
  .design-services_header, .design-services_header-3 { font-size: 28px; }
}

@media (min-width: 768px) {
  .design-services ._hide-desktop { display: none; }
}

@media (max-width: 767px) {
  .design-services_section > div { width: calc(100% - 40px); max-width: 560px; min-width: 280px; }
  
  .design-services_header, .design-services_header-3 { font-size: 24px; }
  
  .design-services_header-5 { margin: 0 0 20px; }
  
  .design-services_copy:not(:last-child) { margin: 0 0 15px; }
  
  .design-services_list-ordered { margin: 0 0 15px; }
  
  .design-services ._hide-mobile { display: none; }
}

.design-services_hero { width: 100%; max-width: 1920px; min-width: 320px; margin: 20px auto 0; position: relative; }

.design-services_hero_rotator { display: block; }

.design-services_hero img { display: block; width: 100%; }

.design-services_hero_overlay { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); }

.design-services_hero_overlay h1 { display: none; }

.design-services_hero_overlay .design-services_hero_logo { margin-bottom: 20px; }

.design-services_hero ._slide { border: none; opacity: 0 !important; position: absolute; top: 0; left: 0; -webkit-transition: opacity 2s linear; -moz-transition: opacity 2s linear; -o-transition: opacity 2s linear; transition: opacity 2s linear; }

.design-services_hero ._active { opacity: 1 !important; }

@media (min-width: 1440px) {
  .design-services_hero_rotator { height: 20.84vw; max-height: 400px; }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .design-services_hero_rotator { height: 20.84vw; max-height: 300px; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .design-services_hero_rotator { height: 34.72vw; max-height: 500px; }
  
  .design-services_hero_overlay .design-services_hero_btn { background: #000000; color: #FFFFFF; }
}

@media (max-width: 767px) {
  .design-services_hero { max-width: 560px; }
  
  .design-services_hero_rotator { height: 118.75vw; max-height: 665px; min-height: 380px; }
  
  .design-services_hero_overlay { width: 245px; padding: 30px 12px; left: 50%; transform: translate(-50%, -50%); }
}

.design-services .parallax-banner { position: relative; overflow: hidden; margin: 0 auto; }

.design-services .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/design-services-re-parallax?w=1920&fmt=auto&qlt=80); }

.design-services .parallax-banner_space { height: 300px; position: relative; }

.design-services .parallax-banner_space h2 { font: bold 60px Roboto, Lato, 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) {
  .design-services .parallax-banner { margin: 0 auto; }
  
  .design-services .parallax-banner_space { height: 200px; }
  
  .design-services .parallax-banner_space h2 { font-size: 42px; }
}

@media (max-width: 767px) {
  .design-services .parallax-banner { margin: 0 auto; }
  
  .design-services .parallax-banner_background { background-image: url(https://i8.amplience.net/i/flooranddecor/design-services-re-parallax?w=1920&fmt=auto&qlt=80); }
  
  .design-services .parallax-banner_space h2 { font-size: 30px; width: auto; min-width: 218px; text-align: center; }
}

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

.design-services_ex-hopscotch-container { margin: 50px auto 80px; }

.design-services_ex-hopscotch { width: 1120px; margin: 0 auto; }

.design-services_ex-hopscotch > div { display: flex; flex-direction: row; }

.design-services_ex-hopscotch_left { order: 1; }

.design-services_ex-hopscotch_right { order: 2; }

.design-services_ex-hopscotch_text { width: 350px; margin: 0 35px 0 0; position: relative; }

.design-services_ex-hopscotch_right.design-services_ex-hopscotch_text { margin: 0 0 0 35px; }

.design-services_ex-hopscotch_img { display: block; }

.design-services_ex-hopscotch_video { width: 734px; height: 413px; }

.design-services_ex-hopscotch ._video-player { width: 100%; min-width: 280px; height: 100%; min-height: 158px; display: block; }

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

.design-services_ex-hopscotch_text h2 { font: bold 30px Roboto, Lato, sans-serif; line-height: 36px; letter-spacing: 3px; text-transform: uppercase; margin: 0; }

.design-services_ex-hopscotch_text h4 { font: 20px Roboto, Lato, sans-serif; letter-spacing: 2px; margin: 0; }

.design-services_ex-hopscotch_text .design-services_ex-hopscotch_copy { font: 16px Roboto, Lato, sans-serif; line-height: 20px; margin: 0; }

.design-services_ex-hopscotch_text .design-services_ex-hopscotch_list > li { font: 16px Roboto, Lato, sans-serif; padding-left: 10px; list-style: disc !important; }

.design-services_ex-hopscotch_text .design-services_ex-hopscotch_list > li:not(:first-child) { margin: 10px 0 0; }

.design-services_ex-hopscotch_text .design-services_ex-hopscotch_link { width: 100%; max-width: 325px; margin: 25px 0 0 !important; }

.design-services_ex-hopscotch_text_divider { background: #D3D3D3; width: 100%; height: 1px; margin: 20px auto; }

.design-services_ex-hopscotch_text_divider-red { background: #ED1C24; width: 100px; height: 4px; margin: 15px 0; }

.design-services_ex-hopscotch_margin { margin-bottom: 70px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .design-services_ex-hopscotch { width: 730px; }

  .design-services_ex-hopscotch > div { flex-direction: column; }
  
  .design-services_ex-hopscotch_left { order: 1; }
  
  .design-services_ex-hopscotch_right { order: 2; }
  
  ._reverse .design-services_ex-hopscotch_left { order: 2; }
  
  ._reverse .design-services_ex-hopscotch_right { order: 1; }
  
  .design-services_ex-hopscotch_img { width: 100%; }
  
  .design-services_ex-hopscotch_text { width: 100%; margin: 0 0 20px; }
  
  .design-services_ex-hopscotch_text > div { position: static; transform: none; }
  
  .design-services_ex-hopscotch_right.design-services_ex-hopscotch_text { margin: 0 0 20px; }
  
  .design-services_ex-hopscotch_text .design-services_ex-hopscotch_copy { font-size: 14px; line-height: 22px; }
  
  .design-services_ex-hopscotch_text_divider { max-width: 350px; margin: 20px 0; }
  
  .design-services_ex-hopscotch_margin { margin-bottom: 40px; }
}

@media (max-width: 767px) {
  .design-services_ex-hopscotch-container { margin: 30px auto 50px; }
  
  .design-services_ex-hopscotch { width: 100%; max-width: 560px; min-width: 280px; }
  
  .design-services_ex-hopscotch > div { flex-direction: column; }
  
  .design-services_ex-hopscotch_left { order: 1; }

  .design-services_ex-hopscotch_right { order: 2; }
  
  ._reverse .design-services_ex-hopscotch_left { order: 2; }
  
  ._reverse .design-services_ex-hopscotch_right { order: 1; }
  
  .design-services_ex-hopscotch_img { width: 100%; }
  
  .design-services_ex-hopscotch_video { width: 100%; height: 52vw; max-height: 315px; min-height: 158px; }
  
  .design-services_ex-hopscotch_text { width: 100%; margin: 0 0 20px; }
  
  .design-services_ex-hopscotch_text > div { position: static; transform: none; }
  
  .design-services_ex-hopscotch_text h2 { font-size: 24px; line-height: 24px; }
  
  .design-services_ex-hopscotch_right.design-services_ex-hopscotch_text { margin: 0 0 20px; }
  
  .design-services_ex-hopscotch_text .design-services_ex-hopscotch_link { font-size: 13px; }
  
  .design-services_ex-hopscotch_margin { margin-bottom: 40px; }
}

.design-services_table-container { width: 1120px; background: #FFFFFF; margin: 36px auto 32px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); border: 1px solid rgba(0, 0, 0, 0); }

.design-services_table { table-layout: fixed; padding: 0 10px; box-sizing: border-box; background: #FFFFFF; border-spacing: 0; }

.design-services_table tr { font: 16px Roboto, Lato, sans-serif; text-align: center; margin: 0; height: 60px; background: #FFFFFF; }

.design-services_table tr:first-child { height: 85px; }

.design-services_table tr:nth-child(even) { background: rgba(223, 223, 223, 0.3); }

.design-services_table th { font-size: 18px; font-weight: bold; text-transform: uppercase; text-align: center; }

.design-services_table td, .design-services_table th { width: 215px; vertical-align: middle; }

.design-services_table ._t-wide { width: 240px; }

.design-services_table_icon { width: 25px; }

.design-services_table ._icn-sm { width: 18px; }

.design-services_table_disclaimer { font: 14px Roboto, Lato, sans-serif; text-align: center; margin: 10px 0 !important; }

@media (min-width: 1200px) {
  .design-services_table_hide-desktop { display: none; }
}

@media (max-width: 1199px) {
  .design-services_table_hide-mobile { display: none; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .design-services_table-container { width: 730px; }
  
  .design-services_table { table-layout: auto; width: 100%; }
  
  .design-services_table tr { font-size: 14px; }
  
  .design-services_table th { font-size: 14px; }
  
  .design-services_table td, .design-services_table th, .design-services_table ._t-wide { padding: 5px; }
}

@media (max-width: 767px) {
  .design-services_table-container { width: 100%; max-width: 560px; min-width: 280px; }
  
  .design-services_table-container > div { overflow-x: scroll; }
  
  .design-services_table { width: 100%; padding: 0; }
  
  .design-services_table th { font-size: 16px; line-height: 24px; }
  
  .design-services_table td, .design-services_table th, .design-services_table ._t-wide { width: 140px; padding: 10px; }
  
  .design-services_table_btn { display: block; width: 250px; height: 40px; background: #FFFFFF; border: 1px solid #000000; outline: none; font: 14px Roboto, Lato, sans-serif; color: #000000 !important; text-transform: uppercase; margin: 15px auto; transition: all 0.3s ease; }
  
  .design-services_table_btn:hover { background: #ED1C24; border-color: #ED1C24; color: #FFFFFF !important; transition: all 0.3s ease; }
  
  .design-services_table_btn > span { position: relative; }
  
  .design-services_table_btn > span:before { content: ""; background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-arrow-down-small-black"); background-size: 100%; display: inline-block; width: 24px; height: 24px; top: -5px; left: -28px; position: absolute; transition: filter 0.3s ease; }
  
  .design-services_table_btn._expanded > span:before { background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-arrow-up-small-black"); top: -3px; }
  
  .design-services_table_btn:hover > span:before { filter: invert(96%) sepia(67%) saturate(0%) hue-rotate(216deg) brightness(106%) contrast(100%); transition: filter 0.3s ease; }
  
  .design-services_table ._row-hide { display: none; }
  
  .design-services_table ._row-show { display: table-row; }
}

.design-services_info-bytes { width: 100%; margin: 36px auto 0; }

.design-services_info-bytes_icon { display: block; width: 80px; height: 80px; margin: 0 auto; }

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

.design-services_info-bytes_grid_divider { display: block; width: 1px; height: 200px; background: #7F7F7F; margin: auto 69.5px; }

._small .design-services_info-bytes_grid_divider { height: 180px; margin: auto 39.5px; }

.design-services_info-bytes_grid_card { width: 280px; }

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

.design-services_info-bytes_grid_card > p { font: 16px Roboto, Lato, sans-serif; text-align: center; margin: 10px 0 0; }

.design-services_info-bytes_grid_card > a { display: block; font: 16px Roboto, Lato, sans-serif; color: #000000; text-decoration: underline; text-decoration-color: #ED1C24; margin: 10px auto 0; width: max-content; position: relative; overflow: visible; }

.design-services_info-bytes_grid_card > a > span { margin-left: -27px; }

.design-services_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: -25px; }

.design-services_info-bytes_grid_card > a:hover { color: #ED1C24; }

@media (min-width: 768px) and (max-width: 1199px) {
  .design-services_info-bytes_icon { width: 50px; height: 50px; }
  
  .design-services_info-bytes_grid_divider { height: 180px; margin: auto 24.5px; }
  
  .design-services_info-bytes_grid_small .design-services_info-bytes_grid_divider { height: 150px; margin: auto 21.5px; }
  
  .design-services_info-bytes_grid_card { width: 210px; }
  
  .design-services_info-bytes_grid_small .design-services_info-bytes_grid_card { width: 214px; }
  
  .design-services_info-bytes_grid_small .design-services_info-bytes_grid_card > h5 { font-size: 16px; }
}

@media (max-width: 767px) {
  .design-services_info-bytes { max-width: 375px; }
  
  .design-services_info-bytes_icon { width: 50px; height: 50px; }
  
  .design-services_info-bytes_grid { flex-direction: column; max-width: 100%; }
  
  .design-services_info-bytes_grid_divider, .design-services_info-bytes_grid_small .design-services_info-bytes_grid_divider { height: 1px; width: 250px; margin: 30px auto; }
  
  .design-services_info-bytes_grid_card, .design-services_info-bytes_grid_small .design-services_info-bytes_grid_card { width: 100%; }
}

.design-services .card-overlay { width: 100%; margin: 36px auto 0; }

.design-services .card-overlay_grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 32px; grid-row-gap: 24px; }

.design-services .card-overlay_card { display: flex; flex-direction: column; padding: 0 0 30px; overflow: visible; }

.design-services .card-overlay_img { display: block; width: 100%; flex: 0 1 auto; }

.design-services .card-overlay_overlay { display: block; background: #FFFFFF; width: calc(100% - 20px); margin: -30px auto; padding: 15px; box-sizing: border-box; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); display: flex; flex-direction: column; flex: 1 1 auto; border-bottom: 1px solid rgba(0, 0, 0, 0); }

.design-services .card-overlay_title { font: bold 20px Roboto, Lato, sans-serif; line-height: 24px; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 10px; }

.design-services .card-overlay_copy { font: 16px Roboto, Lato, sans-serif; line-height: 24px; margin: 0; }

.design-services .card-overlay_link { font: 16px Roboto, Lato, sans-serif; text-decoration: underline; text-decoration-color: #ED1C24; margin: 15px 0 0; width: max-content; position: relative; }

.design-services .card-overlay_link: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; bottom: -1px; right: -25px; }

.design-services .card-overlay_card:hover .card-overlay_link { color: #ED1C24; }

@media (min-width: 768px) and (max-width: 1199px) {
  .design-services .card-overlay_grid { grid-column-gap: 24px; }
}

@media (max-width: 767px) {
  .design-services .card-overlay_grid { display: grid; grid-template-columns: 1fr; max-width: 375px; width: 100%; margin: 0 auto; }
  
  .design-services .card-overlay_title { font-size: 16px; }
}

@media (max-width: 459px) {
  .design-services .card-overlay_title { font-size: 14px; }
}

.design-services_ex-cards { width: 100%; margin: 40px 0 0; }

.design-services_ex-cards_container { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 24px; width: 100%; }

.design-services_ex-cards_header { font: bold 24px Roboto, Lato, sans-serif; letter-spacing: 2px; text-align: center; text-transform: uppercase; margin: 0 0 15px; }

.design-services_ex-cards_subheader-container { max-width: 90%; text-align: center; margin: 10px auto 0; }

.design-services_ex-cards_subheader { display: inline; font: 16px Roboto, Lato, sans-serif; line-height: 20px; border-bottom: 1px solid #ED1C24; border-color: rgba(0, 0, 0, 0); position: relative; transition: all 0.3s ease; }

.design-services_ex-cards_subheader:after { color: #ED1C24; opacity: 0; position: absolute; right: -25px; bottom: -3px; 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; transition: all 0.3s ease; }

.design-services_ex-cards_card:hover .design-services_ex-cards_subheader { border-color: #ED1C24; }

.design-services_ex-cards_card:hover .design-services_ex-cards_subheader:after { opacity: 1; }

.design-services_ex-cards_img { width: 100%; display: block; }

@media (max-width: 767px) {
  .design-services_ex-cards_container { grid-template-columns: 1fr; max-width: 560px; }
}