b, mark, strong {
  font-weight: 700
}
.hidden, .invisible, .option-1-options label input {
  visibility: hidden
}
.big-quote footer, .clearfix:after, .fluid {
  clear: both
}
h1, h2, h4 {
  color: #d41920;
  line-height: 110%
}
h3, h5 {
  line-height: 120%
}
ol, p, ul {
  margin: 0 0 1em
}
.designer-submission-button, .designer-submission-container {
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out
}
body, html {
  height: 100%
}
#accreditations ul li, #nav-social ul li a, .slider-button {
  white-space: nowrap;
  overflow: hidden
}
#accreditations ul li, #logo h2, #nav-social ul li a, .embed-container, .floor-designer-custom-box div div, .ir, .slider-button, .visuallyhidden, svg:not(:root) {
  overflow: hidden
}
.contact-form p, dfn, mark {
  font-style: italic
}
#accreditations ul, #logo, #made-in-the-usa, #nav-social ul, #save-floor-pannel, .big-quote, .ir {
  text-align: left
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block
}
article{
	margin-top: 200px;
	padding: 0 2%;
}
audio, canvas, video {
  display: inline-block
}
#accreditations h2, #main-nav ul li ul, #usa, .big-banner-image, .designer-dimension-table, .designer-hide-save-button, .designer-retrieve-save-table, .hide_mobile, .ir br, .pattern-color-selection-row, .pattern-select-col input, .scroll-down-icon, .widget_categories, .wp-post-image, [hidden], audio:not([controls]) {
  display: none
}
.ir, hr {
  display: block
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  width: 100%
}
button, html, input, select, textarea {
  font-family: serif;
  color: #222
}
a {
  color: #00e
}
ins, mark {
  color: #000
}
a:focus {
  outline: dotted thin
}
abbr[title] {
  border-bottom: 1px dotted
}
blockquote {
  margin: 1em 40px
}
hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
ins {
  background: #ff9;
  text-decoration: none
}
mark {
  background: #ff0
}
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em
}
.buttonizer:link, .buttonizer:visited, .designer-submission-button, .designer-submission-container, body, button.buttonizer, input.buttonizer {
  font-family: futura-pt, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
  font-weight: 400
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}
q {
  quotes: none
}
q:after, q:before {
  content: "";
  content: none
}
small {
  font-size: 85%
}
sub, sup {
  font-size: 50%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.7em
}
sub {
  bottom: -.25em
}
h2, h3, h5 {
  margin-bottom: 0 !important
}
h3, h4 {
  margin: 0 0 .8rem
}
ol, ul {
  padding: 0 0 0 40px
}
dd {
  margin: 0 0 0 40px
}
.fluidList, nav ol, nav ul {
  list-style: none;
  margin: 0;
  padding: 0
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle
}
figure, form {
  margin: 0
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0
}
.designer-color-selection-squares, .designer-mobile-nav-wrapper #floor-designer-mobile-close:hover, .designer-mobile-nav-wrapper .designer-mobile-menu-toggle:hover, label {
  cursor: pointer
}
legend {
  border: 0;
  padding: 0;
  white-space: normal
}
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline
}
td, textarea {
  vertical-align: top
}
button, input {
  line-height: normal
}
button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button
}
button[disabled], input[disabled] {
  cursor: default
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto;
  resize: vertical
}
input:invalid, textarea:invalid {
  background-color: #f0dddd
}
#chatty, .buttonizer:link, .buttonizer:visited, button.buttonizer, input.buttonizer {
  background-color: #d41920;
  text-transform: uppercase
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
.chromeframe {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0
}
.ir {
  border: 0;
  text-indent: -999em;
  background-color: transparent;
  background-repeat: no-repeat;
  direction: ltr
}
.hidden {
  display: none !important
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px
}
#chatty span, #home-page-banner, .big-quote, .make-relative, .product-page-banner, .tile-sample-image-container {
  position: relative
}
.designer-options-table, .floor-reference-list div img, .fluid, .ie6 img, body {
  width: 100%
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}
.clearfix:after, .clearfix:before {
  content: "";
  display: table
}
@media print {
  blockquote, img, pre, tr {
    page-break-inside: avoid
  }
  * {
    background: 0 0 !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important
  }
  a, a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " ("attr(href) ")"
  }
  abbr[title]:after {
    content: " ("attr(title) ")"
  }
  .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""
  }
  blockquote, pre {
    border: 1px solid #999
  }
  thead {
    display: table-header-group
  }
  img {
    max-width: 100% !important
  }
  @page {
    margin: .5cm
  }
  h2, h3, p {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
}
embed, img, object, video {
  max-width: 100%;
  height: auto
}
body {
  margin: 0;
  font-size: 1em;
  line-height: 130%;
  color: #eee;
  background-color: #222 !important;
  overflow-x: hidden !important
}
#home-page-banner h1, #home-page-banner h2, h1, h2 {
  font-size: 1.875em
}
h1, h2, h3, h4, h5 {
  font-weight: 700
}
a.fusion-bar-highlight:link, a.fusion-bar-highlight:visited, a:link, a:visited {
  text-decoration: none;
  color: #fff !important
}
a:active, a:hover {
  outline: 0;
  text-decoration: none;
  color: #800f13
}
ul {
  padding: 0 0 0 1em
}
ul li {
  margin-bottom: .4em
}
.fluid {
  margin-left: 0;
  float: left;
  display: block
}
#main-nav ul li, .gridContainer {
  width: 84.9333%;
  padding-left: 3.0333%;
  padding-right: 3.0333%;
  clear: none;
  float: none
}
.gridContainer {
  margin-left: auto;
  margin-right: auto
}
.zeroMargin_mobile {
  margin-left: 0
}
.eight-column, .eleven-column, .five-column, .four-column, .nine-column, .one-column, .seven-column, .six-column, .ten-column, .three-column, .twelve-column, .two-column {
  float: left;
  margin: 0 2% 1.75em
}
.one-column {
  width: 21%
}
.two-column {
  width: 46%
}
.three-column {
  width: 71%
}
.eight-column, .eleven-column, .five-column, .four-column, .nine-column, .seven-column, .six-column, .ten-column, .twelve-column {
  width: 96%
}
#zazachatimg, .hidden-pattern-img, div#chatty {
  display: none !important
}
#chatty {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 84%;
  padding-left: 8%;
  padding-right: 8%;
  padding-bottom: .375em;
  height: auto;
  font-size: .875em;
  line-height: 100%;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
  z-index: 1001
}
#chatty .questions-icons {
  display: inline-block;
  width: 30px;
  height: 24px;
  margin: 0
}
#chatty span {
  top: -3px
}
#header {
  padding-top: 1em;
  background-color: #222;
  background: -moz-linear-gradient(top, #222 0, #000 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, #222), color-stop(100%, #000));
  background: -webkit-linear-gradient(top, #222 0, #000 100%);
  background: -o-linear-gradient(top, #222 0, #000 100%);
  background: -ms-linear-gradient(top, #222 0, #000 100%);
  background: linear-gradient(to bottom, #222 0, #000 100%)
}
#phone-number, #usa {
  font-size: .875em;
  font-family: aktiv-grotesk-std, arial;
  font-weight: 400;
  margin-bottom: .5em
}
#logo h2 {
  height: 1px;
  margin: 0;
  text-indent: -100%
}
#main-nav, .designer-flex p, .footer-nav-list li {
  margin-bottom: 0
}
#main-nav h4 {
  color: #666;
  margin: 0 0 .5em;
  cursor: pointer
}
#main-nav h4:hover {
  color: #ed1c24
}
#main-nav ul {
  background-color: #ed1c24;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 1000;
  padding: 1em 0 1.2em;
  display: none
}
#main-nav ul li {
  margin: 0 auto
}
#main-nav ul li a {
  display: block;
  width: 96%;
  margin: 0 2%;
  padding: 1em 0;
  border-bottom: 1px dashed #eee
}
#main-nav ul li.last a {
  border-bottom: none
}
#main-nav ul li a:link, #main-nav ul li a:visited {
  color: #fff
}
.designer_bodydrk .labeler input, div#designer-menu {
  margin-bottom: 10px
}
#icon-menu {
  display: inline-block;
  width: 32px;
  height: 20px;
  margin-right: .5em;
  background-position: 0 -120px
}
.content {
  background: #000;
  padding: 2em 0
}
h1, h2 {
  text-transform: uppercase;
  margin: 0 0 .3rem
}
h3 {
  font-size: 1.125em;
  color: #999
}
h4 {
  font-size: 1.5em;
  text-transform: uppercase
}
h5 {
  font-size: 1.25em;
  margin: 0 0 1rem;
  color: #a2834d
}
button:focus {
  outline: 0
}
.buttonizer:link, .buttonizer:visited {
  display: inline-block;
  border: 0;
  padding: .25em 2.25em .25em .5em;
  color: #fff
}
button.buttonizer, input.buttonizer {
  display: block;
  border: 0;
  padding: 7px 10px;
  color: #fff
}
.big-quote p, h2 {
  color: #d41920
}
.big-quote p, .small-quote p {
  font-family: 'Rockwell Extra Bold', 'Rockwell Bold', monospace;
  font-size: 1.25em;
  line-height: 130%;
  display: block;
  float: left
}
.buttonizer:active, .buttonizer:hover, .designer-show-save-button:hover, .designer-submission-button:hover, .designer-submission-container:hover, .designer-submission-container:hover .designer-submission-button, .preset-sizes-dropdown ul:hover, .tile-sample-image-container button:hover {
  background-color: #ed1c24
}
.designer-submission-container {
  display: block;
  border: 0;
  padding: 0 6px;
  max-width: 160px;
  background-color: #d41920;
  color: #fff;
  text-transform: uppercase;
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  transition: .2s ease-in-out
}
.designer-submission-button {
  display: block;
  border: 0;
  width: 100%;
  padding: 7px 4px;
  background-color: #d41920;
  color: #fff;
  text-transform: uppercase;
  -ms-transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  transition: .2s ease-in-out
}
.footer-socials-link-list i, nav.designer-main-menu a {
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out
}
#slider, #slider li {
  margin: 0;
  padding: 0;
  list-style-type: none
}
#accreditation-bbb, #accreditation-gsa, #accreditation-iso, #chat-icon, #email-icon, #icon-menu, #phone-icon, .nav-social-facebook, .nav-social-instagram, .nav-social-twitter, .nav-social-youtube, .scroll-down-icon, .slider-button, .st_email_custom, .st_facebook_custom, .st_pinterest_custom, .st_tumblr_custom, .st_twitter_custom {
  background-image: url(../../designer/css/images/garage-floor-sprite.png);
  background-repeat: no-repeat
}
.big-callout {
  padding: 2.5em 0 0
}
.big-quote {
  width: 100%;
  margin: 0;
  padding: 3em 0
}
.copy-block {
  float: left;
  margin: 0 2% 1.75em;
  width: 96%
}
.quote-mark {
  font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
  font-size: 4em;
  line-height: 3.5rem;
  color: #a2834d;
  position: absolute;
  margin-top: .2rem
}
.quote-mark:first-child {
  margin-left: -.65em
}
.quote-mark:last-child {
  margin-left: .65rem
}
.small-quote {
  margin: 0 3em;
  padding: 0
}
.small-quote p {
  color: #ccc
}
.print-button, .tile-sample-image-container button, select {
  font-family: futura-pt, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif
}
.big-quote cite {
  display: block;
  clear: both;
  margin-bottom: .6em
}
.center-object {
  float: none;
  margin: 0 auto !important
}
#accreditations ul {
  padding: 0
}
#accreditations ul li {
  display: inline-block;
  height: 38px;
  margin: 0 1%;
  padding: 0;
  text-indent: 100%
}
#accreditation-gsa {
  width: 38px
}
#accreditation-gsa:hover {
  background-position: 0 -38px
}
#accreditation-iso {
  width: 2.75em;
  background-position: -38px 0
}
#accreditation-iso:hover {
  background-position: -38px -38px
}
#accreditation-bbb {
  width: 101px;
  background-position: -82px 0
}
#accreditation-bbb:hover {
  background-position: -82px -38px
}
#nav-social {
  margin-bottom: .5em
}
#nav-social ul {
  padding: 0;
  margin: 0
}
#nav-social ul li {
  display: inline-block;
  margin: 0 1% 0 0;
  height: 44px
}
#nav-social ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%
}
.nav-social-facebook {
  background-position: 0 -76px;
  width: 30px
}
.nav-social-twitter {
  background-position: -45px -76px;
  width: 45px
}
.nav-social-instagram {
  background-position: -90px -76px;
  width: 45px
}
.nav-social-youtube {
  background-position: -135px -76px;
  width: 45px
}
#made-in-the-usa {
  float: left
}
#share-this {
  position: absolute;
  top: 2%;
  right: 2%;
  width: 50%;
  text-align: right
}
#share-this span {
  width: 24px;
  height: 24px;
  display: inline-table;
  margin: 0 1%;
  cursor: pointer
}
#additional-brands li:hover, #share-this span:hover {
  opacity: .8
}
.st_facebook_custom {
  background-position: -94px -124px
}
.st_twitter_custom {
  background-position: -126px -124px
}
.st_pinterest_custom {
  background-position: -94px -188px
}
.st_tumblr_custom {
  background-position: -94px -156px
}
.st_email_custom {
  background-position: -126px -156px
}
#home-page-banner ul, .product-page-banner ul {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden
}
.slide .copy-block .buttonizer:active, .slide .copy-block .buttonizer:hover, .top-banner {
  background-color: #222
}
.banner-container {
  max-width: 100em;
  margin: 0 auto;
  position: relative
}
#home-page-banner ul li, .product-page-banner ul li {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  height: auto
}
#home-page-banner ul li.slide, .product-page-banner ul li.slide {
  opacity: 0;
  display: none
}
#home-page-banner ul li.slide-01, .product-page-banner ul li.slide-01 {
  display: block;
  opacity: 1
}
.slide .copy-block {
  background-color: #d41920;
  margin: 0;
  width: 100%;
  padding: 1em 0
}
.slide .copy-block h1, .slide .copy-block h2 {
  color: #fff;
  margin: 0 10% 1rem
}
.slide .copy-block .buttonizer:link, .slide .copy-block .buttonizer:visited {
  margin: 0 10% 1rem;
  background-color: #000
}
#home-page-banner h1 span, #home-page-banner h2 span {
  display: inline-block;
  font-size: 50%;
  line-height: 100%
}
h2 {
  margin: 0 0 .75rem;
  font-weight: 700;
  font-size: 2em;
  text-transform: uppercase
}
#home-page-main-copy {
  padding-top: 2em;
  padding-bottom: 1em
}
.big-gradient {
  background: #2e2e2e;
  background: -moz-linear-gradient(top, #2e2e2e 0, #000 73%, #000 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0, #2e2e2e), color-stop(73%, #000), color-stop(100%, #000));
  background: -webkit-linear-gradient(top, #2e2e2e 0, #000 73%, #000 100%);
  background: -o-linear-gradient(top, #2e2e2e 0, #000 73%, #000 100%);
  background: -ms-linear-gradient(top, #2e2e2e 0, #000 73%, #000 100%);
  background: linear-gradient(to bottom, #2e2e2e 0, #000 73%, #000 100%)
}
#lightweight-callout {
  text-align: center;
  padding-top: 0
}
#lightweight-callout-image {
  margin: -1em auto .6em;
  float: none;
  width: 71%;
  border-bottom: 1px solid #ccc;
  position: relative
}
#big-video-callout, #dance-cart-callout {
  text-align: center
}
.image-left-callout img {
  margin: 0 2% 1em;
  width: 96%
}
iframe {
  border: none !important
}
.embed-container {
  width: 100%;
  position: relative;
  padding-bottom: 55.5%;
  height: 0
}
.embed-container iframe, .embed-container-right-column iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.slider-button {
  position: absolute;
  width: 48px;
  height: 68px;
  border: none;
  background-color: transparent;
  text-indent: 130%
}
#previous-button {
  background-position: 0 -248px;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 1%
}
#previous-button:hover {
  background-position: -95px -248px
}
#next-button {
  background-position: -48px -248px;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 1%
}
#next-button:hover {
  background-position: -143px -248px
}
.menu-racedeck-garage-flooring-container, .menu-upgrades-and-accessories-container {
  margin: 0 0 2em;
  clear: both
}
.product-page-menu li {
  display: block;
  width: 96%;
  margin: 0 2% 1.75em;
  float: left;
  text-align: center
}
.product-page-menu li a img {
  margin: 0 auto .5em;
  display: block;
  clear: both
}
.color-palette {
  position: absolute;
  width: 96%;
  min-width: 15.625em;
  max-width: 20em;
  background-color: #ececec;
  border: 1px solid #d41920;
  padding: 2%;
  top: 88%;
  right: 0;
  display: none;
  color: #000;
  z-index: 1000
}
.designer-footer-copyright-container a:hover, .designer-head-topbar a:hover, .footer-nav-list a:hover, .print-button, nav.designer-main-menu a:hover {
  color: #d41920
}
.color-palette ul {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%
}
.color-palette ul li {
  display: block;
  float: left;
  width: 25%;
  min-height: 6em;
  margin: 0;
  padding: 0;
  cursor: pointer
}
.color-palette ul li .color-chip {
  width: 90%;
  margin: 0 auto .3em 0;
  height: 4em
}
.tile-sample .color-palette ul li p {
  width: 90%;
  font-size: .75em;
  line-height: 90% !important;
  margin: 0;
  text-align: center
}
.tile-sample .color-palette p {
  font-size: .75em;
  line-height: 90% !important;
  margin: 0;
  text-align: left
}
.color-palette h3 {
  color: #d41920;
  margin-bottom: .3em
}
.color-black {
  background-color: #000
}
.color-white {
  background-color: #fff
}
.color-graphite {
  background-color: #504f51
}
.color-alloy {
  background-color: #abadab
}
.color-gray {
  background-color: #a2a5a6
}
.color-espresso {
  background-color: #4b2d03
}
.color-bright-red {
  background-color: #d50001
}
.color-texas-orange {
  background-color: #aa4a0f
}
.color-orange {
  background-color: #d67624
}
.color-sand {
  background-color: #c49a58
}
.color-beige {
  background-color: #b8a689
}
.color-gold {
  background-color: #a2834d
}
.color-yellow {
  background-color: #ffd900
}
.color-kiwi {
  background-color: #aeac6d
}
.color-sublime {
  background-color: #76bd22
}
.color-evergreen {
  background-color: #273b38
}
.color-green {
  background-color: #505b3b
}
.color-shamrock {
  background-color: #2b544e
}
.color-steel-blue {
  background-color: #788bac
}
.color-sky-blue {
  background-color: #80a4ea
}
.color-dark-blue {
  background-color: #212a42
}
.color-royal-blue {
  background-color: #3a66c8
}
.color-bright-blue {
  background-color: #034db4
}
.color-purple {
  background-color: #3c295e
}
.tile-sample-image-container button, .tile-sample-image-container span {
  position: absolute
}
.tile-sample-image-container span {
  display: block;
  color: #fff;
  text-align: center;
  top: 45%;
  width: 100%;
  text-transform: uppercase
}
.questions a, .questions a span {
  display: inline-block;
  height: 1.875em
}
.tile-sample-image-container button {
  right: 0;
  bottom: 12%;
  padding: .5em 1em;
  color: #fff;
  background-color: #d41920;
  font-weight: 700;
  text-transform: uppercase;
  font-size: .875em;
  line-height: 1.1em;
  border: none
}
.tile-sample p {
  font-size: .875em;
  text-align: center
}
.tile-sample p em {
  font-size: .875em
}
#tile-sample-image {
  display: block;
  margin: 0 auto
}
.gallery-h2 {
  margin-bottom: .6em !important
}
.questions {
  width: 96%;
  margin: 0 2%
}
#additional-brands li, .as-seen-on {
  margin: 0;
  padding: 0;
  list-style: none
}
.questions h3 {
  margin: 0 0 .4em
}
.questions a {
  margin: 0 1em .6em 0
}
.questions a span {
  margin-right: .45em;
  width: 1.875em;
  vertical-align: -.6em
}
#chat-icon {
  background-position: 0 -168px
}
#email-icon {
  background-position: -30px -168px
}
#phone-icon {
  background-position: -60px -168px
}
.give-images-margin img {
  margin-bottom: 1em
}
#additional-brands li {
  display: block
}
.gallery-video h4 {
  margin-top: 1em;
  text-align: center
}
.as-seen-on {
  display: block
}
.as-seen-on li {
  display: block;
  padding: 0;
  list-style: none;
  float: left;
  margin: 0 2% 1.75em;
  width: 46%;
  text-align: center
}
.contact-form label .lableler {
  font-weight: 700;
  display: block;
  width: 100%;
  min-height: 3.625px;
  margin: 1em 0
}
.contact-form label em {
  color: #d50001;
  font-weight: 400;
  font-size: .875em
}
.contact-form fieldset legend {
  margin-top: 1em;
  font-style: italic
}
.contact-form fieldset label {
  font-size: .875em;
  font-weight: 400
}
.contact-form label input[type=text], .contact-form label select, .labeler input[type=text] {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: .25em;
  border: 1px solid #ed1c24;
  text-indent: .5em;
  height: 1.86em;
  vertical-align: middle;
  background: #eee;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.contact-form label select {
  height: 2em;
  background-image: url(../../designer/css/images/select-arrow.gif);
  background-repeat: no-repeat;
  background-position: top right
}
.contact-form label input:focus, .contact-form label select:focus, .contact-form label textarea:focus, .labeler input:focus {
  outline: 0;
  border: 1px solid #ccc
}
.contact-form label textarea {
  display: block;
  width: 100%;
  min-height: 4em;
  padding: 0;
  margin-top: .25em;
  border: 1px solid #ed1c24;
  text-indent: .5em
}
.contact-form p {
  font-size: .75em;
  margin: 2em 0
}
.contact-form h4 {
  margin-bottom: .1em
}
.entry-thumbnail {
  margin-bottom: .6em
}
#searchform label {
  display: block;
  width: 100%;
  font-size: 1.125em;
  font-weight: 500;
  color: #666;
  margin: 1em 0 .4em
}
#searchform input {
  width: 73%;
  padding: 0 1%;
  display: block;
  height: 1.875em;
  float: left;
  border: 1px solid #ed1c24
}
#searchform button.buttonizer {
  padding: 0 1%;
  width: 22%;
  height: 2em;
  display: block;
  float: left
}
.entry-meta span {
  display: inline-block;
  margin-right: 2%
}
.clear-me {
  clear: both !important
}
.margin-bottom {
  margin-bottom: 2em
}
.margin-top {
  margin-top: 2em
}
.designer-footer-container, .designer-head-main-fixed, .designer-head-topbar-fixed {
  max-width: 1600px;
  margin: 0 auto
}
#fdTileStyleColorSummary {
  color: #333
}
.print-button {
  background: 0 0;
  border: none;
  display: inline;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0
}
.designer-head-topbar {
  height: 44px;
  background-color: #333;
  border-bottom-color: transparent
}
.designer-head-topbar-fixed {
  height: 44px;
  background-color: #333;
  font-size: 14px;
  color: #eee;
  display: flex;
  justify-content: space-between;
  padding: 0 30px
}
.designer-head-topbar p {
  line-height: 44px
}
.designer-head-topbar-left a {
  padding: 0 15px;
  line-height: 44px
}
.designer-head-topbar-left a:first-of-type {
  padding-left: 0 !important
}
.designer-head-topbar a, nav.designer-main-menu .header-nav-cta .menu-text:hover {
  color: #eee
}
.designer-head-topbar-right a {
  padding: 10px
}
.designer-head-topbar-right .designer-cart-button {
  padding-right: 0 !important
}
.designer-account-button {
  border: 1px solid #fff;
  border-bottom: none;
  border-top: none
}
.designer-head-main {
  background: rgba(0, 0, 0, .8)
}
.designer-head-main-fixed {
  display: flex;
  justify-content: space-between;
  padding: 0 30px
}
.designer-main-menu-logo img {
  max-width: 300px;
  margin: 30px 0
}
.designer-options-table tbody, nav.designer-main-menu ul {
  display: flex;
  flex-wrap: wrap
}
nav.designer-main-menu a {
  font-size: 18px;
  color: #eee;
  padding-left: 30px;
  transition: .2s ease-in-out
}
nav.designer-main-menu .header-nav-cta .menu-text {
  background: url(/wp-content/uploads/2021/09/header-cta-bg.png) center/cover no-repeat;
  padding: 21px 30px
}
@media only screen and (max-width:1300px) {
  .designer-head-topbar-left {
    display: none !important
  }
  .designer-head-topbar-fixed {
    justify-content: center
  }
}
@media only screen and (max-width:500px) {
  .designer-main-menu-logo img {
    max-width: 80%;
    margin-top: 40px
  }
}
footer#page-footer {
  background: #222 !important;
  padding: 0 30px
}
.designer-main-footer-logo img {
  max-width: 250px;
  margin: 30px 0
}
.designer-footer-menu-container, .option-1-options {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap
}
.designer-footer-menu-container .footer-nav-list {
  width: 25%
}
.designer-footer-menu-container .footer-nav-list ul {
  list-style: none;
  padding-left: 0
}
ul.footer-socials-link-list {
  display: flex;
  list-style: none
}
ul.footer-socials-link-list li {
  background: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  margin: 0 5px;
  border-radius: 50%;
  padding: 3px
}
.footer-socials-link-list li a {
  font-size: 20px;
  line-height: 30px !important
}
.footer-socials-link-list i {
  color: #333;
  transition: .2s ease-in-out
}
.button-newsletter, .footer-nav-list a {
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out
}
.footer-socials-link-list li a i:hover {
  color: #d41920 !important
}
.button-newsletter {
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  border-left: 1px solid #d41920 !important;
  color: #fff;
  background-color: #d41920;
  text-align: center;
  padding: 5px 10px;
  margin: 10px;
  display: inline-block;
  transition: .2s ease-in-out
}
.button-newsletter-content {
  -ms-transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  display: inline-block;
  color: #eee !important
}
.button-newsletter:hover {
  border-left: 1px solid #fff !important
}
.footer-nav-list b {
  font-size: 20px
}
.footer-nav-list a {
  color: #eee;
  transition: .2s ease-in-out;
  font-size: 18px
}
.designer-footer-copyright-container a, .footer-nav-list p {
  color: #eee;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out
}
.footer-nav-list p {
  font-size: 18px;
  margin-bottom: 0;
  transition: .2s ease-in-out
}
.footer-nav-list .footer-address {
  padding: 10px 0
}
.designer-footer-copyright-container {
  padding: 15px;
  text-align: center;
  font-size: 14px
}
.designer-footer-copyright-container a {
  transition: .2s ease-in-out
}
.designer-selector-a, .floor_specs p {
  color: #fff !important
}
@media only screen and (max-width:1000px) {
  .designer-footer-menu-container .footer-nav-list {
    width: 100%
  }
}
#save-floor-pannel {
  width: 75%;
  max-width: 600px;
  padding: 2em;
  background-color: #333;
  position: absolute;
  left: 50%;
  top: 40%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
  display: none
}
#save-floor-pannel .buttonizer {
  margin-top: 1em;
  display: block
}
#save-floor-pannel .close-button {
  position: absolute;
  top: .5em;
  right: .5em;
  font-weight: 700;
  text-transform: uppercase
}
.envirabox-title a {
  text-decoration: underline
}
@media only screen and (min-width:768px) {
  .gridContainer {
    width: 89.9%;
    padding-left: 1.55%;
    padding-right: 1.55%;
    clear: none;
    float: none;
    margin-left: auto
  }
  .zeroMargin_tablet {
    margin-left: 0
  }
  .hide_tablet, .small-banner-image {
    display: none
  }
  .eight-column, .eleven-column, .five-column, .four-column, .nine-column, .one-column, .seven-column, .six-column, .ten-column, .three-column, .twelve-column, .two-column {
    float: left;
    margin: 0 2% 1.75em
  }
  .as-seen-on li, .one-column {
    width: 12.666%
  }
  .two-column {
    width: 29.333%
  }
  .three-column {
    width: 46%
  }
  .four-column {
    width: 62.666%
  }
  .five-column {
    width: 79.333%
  }
  .eight-column, .eleven-column, .nine-column, .seven-column, .six-column, .ten-column, .twelve-column {
    width: 96%
  }
  .center-object {
    float: none;
    margin: 0 auto !important
  }
  .scroll-down-icon {
    display: block;
    width: 46px;
    height: 46px;
    background-position: -33px -121px;
    position: absolute;
    bottom: 5%;
    right: 1%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
  }
  #home-page-banner {
    position: relative
  }
  .big-banner-image, .wp-post-image {
    display: block
  }
  #home-page-banner h1, #home-page-banner h2 {
    font-weight: 700;
    font-size: 2em;
    line-height: 110%;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 1rem;
    color: #fff
  }
  #home-page-main-copy {
    padding-top: 1em
  }
  .slide .copy-block {
    background-color: transparent;
    width: 100%;
    padding: 0;
    position: absolute;
    margin: 0
  }
  .slide .copy-block h1, .slide .copy-block h2 {
    color: #fff;
    margin: 0 0 1rem
  }
  .slide .copy-block .buttonizer:link, .slide .copy-block .buttonizer:visited {
    margin: 0 0 1rem;
    background-color: #d41920
  }
  .slide .copy-block .buttonizer:active, .slide .copy-block .buttonizer:hover {
    background-color: #ed1c24
  }
  .slide-01 .copy-block, .slide-03 .copy-block {
    left: 7%;
    bottom: 12%
  }
  .slide-02 .copy-block {
    left: 38%;
    bottom: 30%
  }
  .slide-04 .copy-block {
    width: 52%;
    right: 3%;
    bottom: 5%
  }
  .image-left-callout img, .image-right-callout img {
    float: left;
    margin: 0 2%;
    width: 46%
  }
  .image-left-callout .copy-block, .image-right-callout .copy-block {
    float: right;
    margin: 0 2% 2em;
    width: 46%
  }
  .key-benefits-list {
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    column-count: 2;
    column-gap: 1em
  }
  header.product-page-banner .slide-01 .copy-block {
    left: 7.333%;
    width: 91%;
    bottom: 1%;
    margin: 0;
    font-size: 1.5em;
    text-align: left
  }
  #products-page-banner .slide-01 .copy-block {
    right: 7.333%;
    left: inherit;
    width: 91%;
    bottom: 1%;
    margin: 0;
    font-size: 1.5em;
    text-align: right
  }
  .menu-racedeck-garage-flooring-container, .menu-upgrades-and-accessories-container {
    margin: 0 0 2em;
    clear: both
  }
  .product-page-menu li {
    display: block;
    width: 46%;
    margin: 0 2% 1.75em;
    float: left;
    text-align: center
  }
  .product-page-menu li a img {
    margin-bottom: .5em
  }
  #additional-brands li {
    width: 21%;
    margin: 0 4% .5em 0;
    float: left
  }
  #chatty {
    display: block;
    position: fixed;
    top: 20%;
    left: -3.5em;
    width: 2.75em;
    padding: .25em;
    height: 5.25em;
    text-transform: uppercase;
    font-size: .875em;
    line-height: 100%;
    cursor: pointer;
    background-color: #d41920;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
    z-index: 1001
  }
  #chatty .questions-icons {
    display: block;
    width: 30px;
    height: 30px;
    margin: 1px
  }
}
@media only screen and (min-width:1024px) {
  #main-nav ul li ul li ul, #main-nav ul li ul li.submenu-flooring ul {
    position: static;
    left: auto;
    top: auto;
    padding: 0;
    margin: 0;
    background-color: transparent
  }
  .submenu-photo-gallery a, .submenu-video-gallery a {
    background-repeat: no-repeat;
    background-position: center
  }
  #main-nav, #main-nav ul, #main-nav ul li ul li ul, #main-nav ul li ul li ul li, .image-left-callout .copy-block, .image-right-callout .copy-block {
    background-color: transparent
  }
  #accreditations ul, #made-in-the-usa, #usa {
    text-align: right
  }
  h1, h2 {
    font-size: 2.25em
  }
  .gridContainer {
    width: 90%;
    max-width: 1230px;
    padding-left: .75%;
    padding-right: .75%;
    margin: auto;
    clear: none;
    float: none
  }
  .eight-column, .eleven-column, .five-column, .four-column, .nine-column, .one-column, .seven-column, .six-column, .ten-column, .three-column, .twelve-column, .two-column {
    float: left;
    margin: 0 1% 1.75em
  }
  .one-column {
    width: 6.333%
  }
  .two-column {
    width: 14.666%
  }
  .three-column {
    width: 23%
  }
  .four-column {
    width: 31.333%
  }
  .five-column {
    width: 39.666%
  }
  .six-column {
    width: 48%
  }
  .seven-column {
    width: 56.333%
  }
  .eight-column {
    width: 64.666%
  }
  .nine-column {
    width: 73%
  }
  .ten-column {
    width: 81.333%
  }
  .eleven-column {
    width: 89.666%
  }
  #main-nav, .twelve-column {
    width: 98%
  }
  #logo {
    text-align: left;
    margin-bottom: 1em
  }
  #main-nav ul li:first-child, .zeroMargin_desktop {
    margin-left: 0
  }
  #accreditations h2, #main-nav h4, .hide_desktop {
    display: none
  }
  .float-right {
    float: right !important
  }
  #header {
    padding: 1em 0 0
  }
  #usa {
    display: block;
    float: right;
    margin-bottom: 3.25em
  }
  #main-nav, .image-left-callout p {
    margin-bottom: 0
  }
  #usa h3, #usa h4 {
    margin: 0 0 .25em;
    color: #eee;
    font-weight: 700;
    font-size: 1em
  }
  #usa h3 {
    font-size: 1.25em
  }
  #main-nav {
    position: relative;
    z-index: 1000;
    float: left
  }
  #main-nav ul {
    display: block;
    position: static;
    text-align: left;
    padding: 0
  }
  #main-nav ul li {
    display: inline-block;
    margin: 0 1.2%;
    padding: 0;
    width: auto;
    font-size: 1.1em
  }
  #main-nav ul li:last-child {
    margin-right: 0
  }
  #main-nav ul li a {
    width: auto;
    margin: 0;
    padding: 0 0 .5em;
    border-bottom: none
  }
  #main-nav ul li a:link, #main-nav ul li a:visited {
    color: #eee
  }
  #main-nav ul li a:active, #main-nav ul li a:hover {
    color: #d41920
  }
  #main-nav ul li ul {
    margin: 0;
    position: absolute;
    width: 90%;
    background-color: rgba(0, 0, 0, .9);
    left: 0;
    padding: 1.5em 5%;
    border-bottom: 2px solid #ed1c24;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
    text-align: left
  }
  #main-nav ul li ul li {
    display: block;
    float: left
  }
  #main-nav ul li ul li ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    border-bottom: none
  }
  #main-nav ul li ul li ul li {
    display: block;
    width: 100%;
    border-bottom: none;
    margin: 0;
    padding: 0
  }
  #main-nav ul li ul li.submenu-flooring {
    display: block;
    width: 70%;
    margin-right: 3%;
    margin-left: 0;
    border-right: 1px solid #660c0f
  }
  #main-nav ul li ul li.submenu-apparel a, #main-nav ul li ul li.submenu-flooring a, #main-nav ul li ul li.submenu-installation a, #main-nav ul li ul li.submenu-upgrades-accessories a {
    text-transform: uppercase;
    font-weight: 700
  }
  #main-nav ul li ul li.submenu-flooring ul {
    width: 100%;
    display: block;
    border: none
  }
  #main-nav ul li ul li.submenu-surface {
    margin: 0 2% 1em 0;
    display: block;
    float: left;
    width: 30%;
    padding: 0;
    text-align: center
  }
  #main-nav ul li ul li.submenu-surface a {
    width: 100%;
    padding: 4rem 0 3.5rem;
    background-repeat: no-repeat;
    background-position: center top;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400
  }
  .submenu-surface-diamond {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-surfaces/racedeck-diamond.jpg)
  }
  .submenu-surface-xl {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-surfaces/racedeck-xl.jpg)
  }
  .submenu-surface-free-flow {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-surfaces/free-flow.jpg)
  }
  .submenu-surface-free-flow-xl {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-surfaces/free-flow-xl.jpg)
  }
  .submenu-surface-circletrac {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-surfaces/circletrac.jpg)
  }
  .submenu-surface-harley {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-surfaces/harley-davidson.jpg)
  }
  .submenu-surface-pro {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-surfaces/racedeck-pro.jpg)
  }
  .submenu-surface-snap-carpet {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-surfaces/snap-carpet.jpg)
  }
  .submenu-surface-fastdeck {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-surfaces/fastdeck.jpg)
  }
  .submenu-surface-smoked-oak {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-surfaces/smoked-oak.jpg)
  }
  #main-nav ul li ul li.submenu-surface a:link, #main-nav ul li ul li.submenu-surface a:visited {
    color: #fff
  }
  #main-nav ul li ul li.submenu-surface a:active, #main-nav ul li ul li.submenu-surface a:hover {
    opacity: .8
  }
  #main-nav ul li ul li.submenu-apparel, #main-nav ul li ul li.submenu-upgrades-accessories {
    width: 20%;
    margin-bottom: 1em
  }
  #main-nav ul li ul li.submenu-apparel ul li a, #main-nav ul li ul li.submenu-upgrades-accessories ul li a {
    text-transform: none;
    font-weight: 400;
    font-size: .875rem
  }
  #main-nav ul li ul li.submenu-apparel ul li a:link, #main-nav ul li ul li.submenu-apparel ul li a:visited, #main-nav ul li ul li.submenu-upgrades-accessories ul li a:link, #main-nav ul li ul li.submenu-upgrades-accessories ul li a:visited {
    color: #999
  }
  #main-nav ul li ul li.submenu-apparel ul li a:active, #main-nav ul li ul li.submenu-apparel ul li a:hover, #main-nav ul li ul li.submenu-upgrades-accessories ul li a:active, #main-nav ul li ul li.submenu-upgrades-accessories ul li a:hover {
    color: #ed1c24
  }
  .submenu-apparel {
    display: none !important
  }
  #main-nav ul li ul li.gallery-submenu {
    display: block;
    float: left;
    width: 48%;
    margin: 0 1%;
    text-align: center
  }
  .submenu-video-gallery a {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-video.jpg)
  }
  .submenu-photo-gallery a {
    background-image: url(https://racedeck.com/wp-content/themes/racedeck/images/nav-photo.jpg)
  }
  #main-nav ul li ul li.gallery-submenu a:link, #main-nav ul li ul li.gallery-submenu a:visited {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-size: 2em;
    text-shadow: 0 1px 6px rgba(0, 0, 0, .5)
  }
  #main-nav ul li ul li.gallery-submenu a {
    padding: 11rem 0
  }
  .big-banner-image {
    width: 100%
  }
  .tableizer {
    display: table;
    height: 100%
  }
  .tableizer-cell {
    display: table-cell;
    vertical-align: middle
  }
  .center-object {
    float: none;
    margin: 0 auto !important
  }
  .no-bottom-margin {
    margin-bottom: 0 !important
  }
  .no-bottom-padding {
    padding-bottom: 0 !important
  }
  #home-page-banner h1, #home-page-banner h2 {
    font-size: 3em;
    line-height: 110%;
    text-shadow: 0 1px 6px rgba(0, 0, 0, .2)
  }
  #home-page-main-copy, .content {
    padding: 2em 0
  }
  .slide-01 .copy-block {
    left: 20%;
    width: 55%;
    bottom: 10%;
    margin: 0
  }
  .slide-03 .copy-block {
    left: 14.666%;
    width: 55%;
    bottom: 15%;
    margin: 0
  }
  .slide-04 .copy-block {
    left: 45%;
    width: 55%;
    bottom: 5%;
    margin: 0
  }
  .slide-02 .copy-block {
    width: 55%;
    top: 50%;
    left: 45%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
  .slide .copy-block h2, .slide-01 .copy-block h1 {
    text-indent: .125rem
  }
  .product-page-banner .slide-01 .copy-block {
    right: 7.333%;
    left: inherit;
    width: 91%;
    bottom: 1.25%;
    margin: 0;
    font-size: 1.75em;
    text-align: right
  }
  .image-left-callout, .image-right-callout {
    padding: 4em 0;
    position: relative
  }
  .image-left-callout img {
    float: left;
    margin: 0 1%;
    width: 31.333%
  }
  .image-left-callout .copy-block {
    float: right;
    width: 62.666%;
    margin: 0 1%
  }
  #powerlock-callout h3 {
    margin-left: .2em
  }
  .image-right-callout img {
    float: right;
    margin: 0 1%;
    width: 31.333%
  }
  .image-right-callout .copy-block {
    float: left;
    width: 62.666%;
    margin: 0 1%
  }
  .big-quote p {
    width: 64.666%;
    margin-left: 8.333%
  }
  #made-in-the-usa {
    float: right
  }
  .key-benefits-list {
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    column-count: 1;
    column-gap: 0
  }
  .menu-racedeck-garage-flooring-container, .menu-upgrades-and-accessories-container {
    margin: 0 0 2em;
    clear: both
  }
  .product-page-menu li {
    display: block;
    width: 31.333%;
    margin: 0 1% 2%;
    float: left;
    text-align: center
  }
  .product-page-menu li a img {
    margin-bottom: .5em
  }
  .questions {
    display: block;
    width: 23%;
    float: left;
    margin: 0 1% 1.75em
  }
  .questions a {
    display: block;
    width: 100%
  }
  .as-seen-on li {
    margin: 0 1% 1.75em;
    width: 14.666%
  }
  .contact-form label, .labeler {
    width: 48.5%;
    min-height: 3.625em;
    margin-right: 1.5%;
    float: left
  }
  .contact-form fieldset {
    margin-bottom: 1em
  }
  .contact-form fieldset label {
    width: 31%;
    margin-right: 1.5%;
    min-height: 1em;
    float: left;
    line-height: 100%
  }
  .contact-form label.whole-width {
    width: 98.5%
  }
  #main-nav ul li.current-menu-item a:link, #main-nav ul li.current-menu-item a:visited {
    color: #666 !important
  }
  .hide_mobile, .widget_categories {
    display: inherit
  }
}
@media only screen and (min-width:1352px) {
  #main-nav {
    width: 81.333%
  }
  #main-nav ul {
    text-align: right
  }
  #main-nav ul li ul {
    margin: 0;
    position: absolute;
    width: 110.492%;
    left: -20.492%
  }
}
#designer-heading {
  position: relative !important
}
.retrieve-button {
  margin-top: 15px
}
.designer-show-save-button {
  cursor: pointer;
  max-width: 210px;
  margin-bottom: 15px;
  margin-top: 10px;
  background: #d41920;
  padding: 5px 10px;
  font-weight: 400;
  text-transform: uppercase;
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  transition: .2s ease-in-out
}
.designer-show-save-button p {
  margin-bottom: 0;
  line-height: 21px;
  -ms-transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg)
}
.designer-retrieve-save-table-show, .designer-selected-layout .designer-dimension-table, .pattern-active-option-box .pattern-color-selection-row {
  display: initial
}
.designer-presets-content p {
  margin-bottom: 5px
}
.preset-sizes-dropdown {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  z-index: 3;
  height: 31px;
  line-height: 31px;
  cursor: pointer;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
  text-transform: uppercase;
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg)
}
.preset-sizes-dropdown.designer-dropdown-is-visible, .preset-sizes-dropdown.designer-dropdown-is-visible li {
  -ms-transform: skewX(0);
  -webkit-transform: skewX(0);
  transform: skewX(0)
}
.preset-sizes-dropdown li {
  -ms-transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  display: block;
  position: relative
}
@media only screen and (min-width:768px) {
  .preset-sizes-dropdown {
    width: 49%;
    max-width: 275px
  }
}
.preset-sizes-dropdown ul {
  height: 31px;
  padding: 0;
  text-align: left;
  border: 1px solid #33383b;
  background: #d41920;
  border-radius: 0
}
.preset-sizes-dropdown li:first-child:before {
  content: " Select A Preset Garage Size ";
  position: relative;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase
}
.preset-sizes-dropdown li:first-child:after {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 25px;
  content: "\25BE";
  color: #fff
}
.preset-sizes-dropdown li a {
  display: none;
  font-size: 15px;
  text-decoration: none;
  color: #4a5564
}
.designer-dropdown-is-visible ul li:first-child:before {
  border-bottom: 2px solid #fff;
  padding-bottom: 9px
}
.designer-dropdown-is-visible ul {
  height: initial;
  background: #d41920
}
.designer-dropdown-is-visible ul li a {
  display: block;
  color: #fff
}
.designer-dropdown-is-visible ul li a:last-child {
  margin-bottom: 5px;
  margin-top: 10px
}
.designer-option-1-content .designer_title {
  margin-bottom: 15px
}
@media only screen and (min-width:767px) {
  .option-1-options {
    min-width: 350px
  }
}
.option-1-options .designer-flex {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  border: 2px solid #000
}
.option-1-options img {
  max-height: 260px
}
@media only screen and (max-width:575px) {
  .option-1-options img {
    max-width: 175px
  }
}
table.designer_body.custom-option-area-b {
  margin-top: 15px !important
}
.designer-flex img {
  padding: 15px
}
.designer-selected-layout, .pattern-active-option-box {
  border: 2px solid #800f13 !important;
  border-radius: 10px
}
.floor-reference-list, div#fdPatternPreviewBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
div#fdPatternPreviewBox .floor-pattern-option-container {
  width: 19%;
  overflow: auto;
  border: 2px solid #000;
  text-align: center
}
@media only screen and (max-width:1150px) {
  div#fdPatternPreviewBox .floor-pattern-option-container {
    width: 32%
  }
}
@media only screen and (max-width:767px) {
  .gridContainer.clearfix.main-page-content {
    margin: 0;
    padding: 0 15px !important;
    width: 95%
  }
  div#chatty {
    display: none !important
  }
  .option-1-options .designer-flex {
    justify-content: center
  }
  div#fdPatternPreviewBox .floor-pattern-option-container {
    width: 47%
  }
}
@media only screen and (max-width:430px) {
  div#fdPatternPreviewBox .floor-pattern-option-container {
    width: 75%
  }
}
.pattern-select-col .fdPatternTitle {
  display: block;
  font-size: 22px
}
.pattern-selection-displayed-pattern {
  margin: 10px 40% !important;
  cursor: pointer
}
.floor-pattern-option-container table {
  margin: 15px 15px 0;
  width: 85%
}
.pattern-color-selection-row td {
  padding: 5px 2px
}
td.pattern-select-col div img {
  position: absolute;
  left: 0;
  top: 0
}
.designer_bodydrk.floor_specs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.floor-designer-custom-box > div {
  margin: 0 auto !important
}
.floor_specs p {
  padding: 5px
}
div#fdTileStyleColorSummary {
  color: #fff !important;
  padding: 0 5px
}
.floor-designer-custom-box {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none
}
.floor-designer-custom-box::-webkit-scrollbar {
  display: none
}
.designer-options-table tr {
  width: 33%;
  padding: 5px 0
}
.designer-color-selection-squares:hover {
  border: 1px solid #d41920 !important
}
@media only screen and (max-width:1010px) {
  .floor_specs p, tr.designer-tile-selection {
    width: 100%
  }
  .designer-options-table tr {
    width: 50%
  }
  .designer-color-selection-squares {
    width: 20px !important;
    height: 20px !important
  }
}
@media only screen and (max-width:830px) {
  .designer-options-table tr {
    width: 100%
  }
}
#fdTileStyleSingle {
  width: 100%;
  max-width: 500px
}
.designer-color-selection td, .designer-tile-selection td {
  display: flex
}
.designer-color-selection-title, .designer-tile-selection-title {
  padding-right: 10px
}
.designer-color-selection-flex, .designer-tile-selection-flex {
  display: flex;
  width: 100%
}
@media only screen and (min-width:1010px) {
  #fdTileStyleSingle {
    max-width: 221px
  }
  .designer-color-selection-flex, .designer-tile-selection-flex {
    padding-right: 10px
  }
}
.designer-tile-selection-title {
  min-width: 60px
}
.designer-tile-display-div {
  float: right
}
img#fdImageDisplayImg {
  width: 50%;
  float: right;
  max-width: 170px
}
.floor-designer-custom-box div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.designer-floor-references {
  padding-top: 30px
}
.floor-reference-list div {
  width: 12%;
  padding-right: 5px
}
@media only screen and (max-width:1150px) {
  .floor-reference-list div {
    width: 24%
  }
  .floor-reference-list div p {
    padding-right: 5px
  }
}
@media only screen and (max-width:767px) {
  .floor-reference-list div {
    width: 48%
  }
}
@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important
  }
  #designer-menu, #main-nav, #page-footer, .designer-floor-references, .designer-head-topbar, .designer-howto, .designer-main-menu, .designer-scroll-tip, .designer_instructions, .designer_titleBlack, input#submit_bide {
    display: none !important
  }
  .floor-designer-custom-box > div {
    margin: 0 !important
  }
  .gridContainer {
    width: 100%;
    max-width: none !important
  }
  .designer-head-container, html {
    background: #000
  }
  .content {
    padding: 0 !important
  }
  .designer-main-menu-logo img {
    max-width: 200px !important;
    margin: 15px 0
  }
  #fdTileStyleColorSummary, #fdTileTotalCount, .floor_specs h4, .floor_specs p, div#fdTileStyleColorSummary {
    color: red !important
  }
  .floor-designer-custom-box {
    overflow: visible !important
  }
}
.designer-mobile-nav-wrapper {
  display: none
}
@media only screen and (max-width:1280px) {
  nav.designer-main-menu {
    display: none
  }
  .designer-mobile-nav-wrapper {
    display: inline-block
  }
}
.designer-mobile-nav-wrapper .line {
  width: 30px;
  height: 2px;
  margin: 7px 0;
  background-color: #fff
}
.designer-mobile-nav-wrapper .floor-designer-mobile-nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none
}
.designer-mobile-nav-wrapper .designer-mobile-menu-toggle {
  margin: 50px 15px 45px
}
.designer-mobile-nav-wrapper .designer-mobile-nav-main .floor-designer-mobile-nav {
  background-color: #333;
  width: 100%;
  height: 100%;
  display: none;
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99
}
.designer-mobile-nav-wrapper .designer-mobile-nav-main .floor-designer-mobile-nav li a {
  color: #989aa4;
  display: block;
  padding: 15px 20px
}
.designer-mobile-nav-wrapper .designer-mobile-nav-main .floor-designer-mobile-nav li a:hover {
  background-color: #8a43a3;
  color: #fff
}
.designer-mobile-nav-wrapper #floor-designer-mobile-close {
  position: fixed;
  right: 50px;
  top: 88px;
  margin: 0
}
.floor-designer-mobile-nav ul {
  height: 100vh !important;
  vertical-align: middle !important;
  display: table-cell;
  text-align: center;
  width: 100vw
}