body {
  min-height: 100vh; }

.container-fluid {
  max-width: 1400px; }

header {
  display: flex;
  padding: 0 1em;
  align-content: center;
  align-items: flex-end; }
  header .dealer-logo {
    width: 20%; }
    header .dealer-logo .p {
      display: none; }
    @media (max-width: 700px) {
  header .dealer-logo {
    width: 30%; } }
  header .cw-logo {
    width: 70%;
    padding-left: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
    @media (max-width: 700px) {
  header .cw-logo {
    width: 60%; } }
    header .cw-logo h2 {
      font-size: 32px;
      margin: 0; }
      @media (max-width: 1200px) {
  header .cw-logo h2 {
    font-size: 32px; } }
      @media (max-width: 700px) {
  header .cw-logo h2 {
    font-size: 24px; } }
    header .cw-logo a {
      text-decoration: none; }
  header.WALLRITESOLUTIONS .partner-logo {
    padding-bottom: 10px;
    background: #38383b;
    text-align: center;
    width: 200px;
    margin-left: 1em; }

.login {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f8f8f8; }
  .login .content {
    width: 100%;
    max-width: 600px;
    padding: 1em; }
    .login .content h1 {
      text-align: center; }
      .login .content h1 .brand-logo {
        max-width: 300px;
        display: block;
        margin: 0 auto; }
    .login .content h2 {
      font-size: 24px; }
    .login .content .panel {
      padding: 2em;
      border-radius: 30px;
      box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .2); }

header .cart, footer .cart {
  position: fixed;
  top: 1em;
  right: 1em;
  z-index: 50;
  background: #fff;
  border-radius: 80px;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center; }
  header .cart .icon, footer .cart .icon {
    width: 36px;
    height: 36px; }
  header img, footer img {
    max-width: 100%; }

.description .price {
  font-size: 20px;
  text-align: left;
  font-weight: bold;
  padding: 10px 0;
  width: 100%; }
  .description h3 {
    font-size: 20px;
    font-weight: bold; }

#cartEvent {
  position: fixed;
  bottom: -100px;
  right: 10px;
  min-width: 80px;
  opacity: 0;
  z-index: 9000; }
  #cartEvent.showAlert {
    opacity: 1;
    bottom: 10px;
    transition: all 300ms ease-in; }

.quantity {
  display: flex; }
  .quantity .total {
    margin: 0 1em;
    border: 1px solid #000;
    font-size: 1.2em;
    display: inline-block;
    width: 80px;
    height: 2em;
    text-align: center; }

.product .listitems {
  margin-top: 2em; }
  .product .listitems .titles {
    border-bottom: 1px solid #d9d9d9;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .product .listitems .item {
    border-bottom: 1px solid #d9d9d9;
    padding: 0.5em 0;
    min-height: 0; }
    @media (max-width: 767px) {
    .product .listitems .item {
      padding: 1em 0; } }

#panels .titles, #accessories .titles, #cabinets .titles, #zoomflor .titles, #installation .titles, #crowncore .titles, #rails .titles {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  align-items: flex-end; }
  #panels .titles .col-1, #accessories .titles .col-1, #cabinets .titles .col-1, #zoomflor .titles .col-1, #installation .titles .col-1, #crowncore .titles .col-1, #rails .titles .col-1, #panels .titles .col-2, #accessories .titles .col-2, #cabinets .titles .col-2, #zoomflor .titles .col-2, #installation .titles .col-2, #crowncore .titles .col-2, #rails .titles .col-2, #panels .titles .col-3, #accessories .titles .col-3, #cabinets .titles .col-3, #zoomflor .titles .col-3, #installation .titles .col-3, #crowncore .titles .col-3, #rails .titles .col-3, #panels .titles .col-4, #accessories .titles .col-4, #cabinets .titles .col-4, #zoomflor .titles .col-4, #installation .titles .col-4, #crowncore .titles .col-4, #rails .titles .col-4, #panels .titles .col-5, #accessories .titles .col-5, #cabinets .titles .col-5, #zoomflor .titles .col-5, #installation .titles .col-5, #crowncore .titles .col-5, #rails .titles .col-5, #panels .titles .col-6, #accessories .titles .col-6, #cabinets .titles .col-6, #zoomflor .titles .col-6, #installation .titles .col-6, #crowncore .titles .col-6, #rails .titles .col-6, #panels .titles .col-7, #accessories .titles .col-7, #cabinets .titles .col-7, #zoomflor .titles .col-7, #installation .titles .col-7, #crowncore .titles .col-7, #rails .titles .col-7 {
    padding-left: 15px;
    padding-right: 15px; }
  #panels .titles .col-1, #accessories .titles .col-1, #cabinets .titles .col-1, #zoomflor .titles .col-1, #installation .titles .col-1, #crowncore .titles .col-1, #rails .titles .col-1 {
    width: 8.33333%; }
  #panels .titles .col-2, #accessories .titles .col-2, #cabinets .titles .col-2, #zoomflor .titles .col-2, #installation .titles .col-2, #crowncore .titles .col-2, #rails .titles .col-2 {
    width: 16.66667%; }
  #panels .titles .col-3, #accessories .titles .col-3, #cabinets .titles .col-3, #zoomflor .titles .col-3, #installation .titles .col-3, #crowncore .titles .col-3, #rails .titles .col-3 {
    width: 25%; }
  #panels .titles .col-4, #accessories .titles .col-4, #cabinets .titles .col-4, #zoomflor .titles .col-4, #installation .titles .col-4, #crowncore .titles .col-4, #rails .titles .col-4 {
    width: 33.33333%; }
  #panels .titles .col-5, #accessories .titles .col-5, #cabinets .titles .col-5, #zoomflor .titles .col-5, #installation .titles .col-5, #crowncore .titles .col-5, #rails .titles .col-5 {
    width: 41.66667%; }
  #panels .titles .col-6, #accessories .titles .col-6, #cabinets .titles .col-6, #zoomflor .titles .col-6, #installation .titles .col-6, #crowncore .titles .col-6, #rails .titles .col-6 {
    width: 50%; }
  #panels .titles .col-7, #accessories .titles .col-7, #cabinets .titles .col-7, #zoomflor .titles .col-7, #installation .titles .col-7, #crowncore .titles .col-7, #rails .titles .col-7 {
    width: 58.33333%; }

main.cart .product, main.product .product {
  margin-top: 4em;
  margin-bottom: 4em; }
  main.cart .product .listitems, main.product .product .listitems {
    margin-top: 4em; }
  main.cart .discounts, main.product .discounts {
    margin-top: 0em;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 1em 0; }
  main.cart .discounts .d, main.product .discounts .d {
    line-height: 40px; }
  main.cart .clientinfo, main.product .clientinfo {
    margin-top: 1em;
    margin-bottom: 1em;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 1em 0; }
  main.cart .clientinfo .d, main.product .clientinfo .d {
    line-height: 40px; }
  main.cart .clientinfo h3, main.product .clientinfo h3 {
    margin: 1em 0; }
  main.cart .clientinfo .fieldset, main.product .clientinfo .fieldset {
    clear: both;
    padding: 1em 0; }
  main.cart .subtotal, main.product .subtotal {
    background: rgba(0, 155, 217, .10);
    padding: 1em 0; }
  main.cart .checkout, main.product .checkout {
    margin-top: 2em;
    margin-bottom: 2em; }

.viewcart {
  width: 100%; }

input[type="text"]:disabled {
  background: #fff;
  border: none;
  box-shadow: none;
  cursor: default; }

.quantityinput {
  width: 50px; }

.msrpinput {
  width: 100%; }

.wallsize {
  width: 50px; }

.titleseparator {
  color: #fff;
  background: #337ab7;
  clear: both;
  text-align: center;
  padding: 0.5em;
  margin-top: 30px;
  border: 1px solid #337ab7; }

sup {
  font-size: 30%;
  vertical-align: top;
  line-height: 12px; }

.btn-clear {
  background: none;
  width: 100%;
  padding: 0;
  margin: 0; }
  .btn-clear h2 {
    margin: 0;
    font-size: 24px; }
  .btn-clear.active h2 {
    background: #fafafa;
    color: #337ab7; }

.item {
  padding: 4px 0; }

.cartlink {
  border: 0;
  width: 100%;
  height: 100%;
  background: transparent; }

textarea {
  resize: vertical; }

.alert {
  padding: 1em; }
  .alert.error {
    background: #f2dede; }
  .alert.success {
    background: #dff0d8; }

.outofstock {
  color: #f00; }

.thumba {
  border: 2px solid transparent; }
  .thumba:hover {
    border-color: #337ab7; }

.tool {
  position: relative;
  display: inline-block; }
  .tool .thumb {
    display: none;
    position: absolute;
    bottom: 100%;
    width: 240px;
    height: 160px;
    overflow: hidden;
    left: 0;
    border: 1px solid #337ab7; }
  .tool .thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .tool:hover .thumb {
    display: inline-block; }

.special .col-md-2 {
  width: 12.66667%; }
  @media (max-width: 992px) {
    .special .col-md-2 {
      width: 100%; } }

.zebra .row {
  padding: 0; }
  .zebra .row.titles {
    padding: 10px; }
  .zebra .row:nth-of-type(odd) {
    background: rgba(0, 0, 0, .05); }

.dashboard .title {
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .dashboard .title h2 {
    display: inline-block;
    margin: 0 1em 0 0; }
  .dashboard .zebra .row {
    padding: 5px 0;
    margin-bottom: 5px; }

#panels.zebra .col-xs-12, #accessories.zebra .col-xs-12, #cabinets.zebra .col-xs-12, #zoomflor.zebra .col-xs-12, #installation.zebra .col-xs-12, #crowncore.zebra .col-xs-12, #rails.zebra .col-xs-12 {
  padding-top: 2px;
  padding-bottom: 2px; }
  #panels.zebra .titles, #accessories.zebra .titles, #cabinets.zebra .titles, #zoomflor.zebra .titles, #installation.zebra .titles, #crowncore.zebra .titles, #rails.zebra .titles {
    padding: 10px; }
  #panels.zebra > .col-xs-12:nth-of-type(odd), #accessories.zebra > .col-xs-12:nth-of-type(odd), #cabinets.zebra > .col-xs-12:nth-of-type(odd), #zoomflor.zebra > .col-xs-12:nth-of-type(odd), #installation.zebra > .col-xs-12:nth-of-type(odd), #crowncore.zebra > .col-xs-12:nth-of-type(odd), #rails.zebra > .col-xs-12:nth-of-type(odd) {
    background: rgba(0, 0, 0, .05); }
  #panels.zebra .row:nth-of-type(odd), #accessories.zebra .row:nth-of-type(odd), #cabinets.zebra .row:nth-of-type(odd), #zoomflor.zebra .row:nth-of-type(odd), #installation.zebra .row:nth-of-type(odd), #crowncore.zebra .row:nth-of-type(odd), #rails.zebra .row:nth-of-type(odd) {
    background: transparent; }
  #panels.zebra .row.oncart, #accessories.zebra .row.oncart, #cabinets.zebra .row.oncart, #zoomflor.zebra .row.oncart, #installation.zebra .row.oncart, #crowncore.zebra .row.oncart, #rails.zebra .row.oncart {
    background: #efdea5; }

.emphasis {
  color: #d00 !important; }

.buttontabs {
  display: flex;
  justify-content: center; }
  @media (max-width: 992px) {
  .buttontabs {
    flex-wrap: wrap; } }

input.misc {
  width: 100%;
  max-width: 300px; }

.quantityinst {
  width: 50px; }

.priceitem {
  width: 70px; }

.GKINGS .btn-primary, .GKINGS .free {
  background: #b31f34;
  color: #fff !important;
  cursor: pointer;
  border-radius: 0;
  border: 1px solid #b31f34; }
  .GKINGS .btn-primary:hover, .GKINGS .free:hover {
    color: #b31f34 !important; }
  .GKINGS .btn-clear.active {
    color: #b31f34 !important; }
    .GKINGS .btn-clear.active h2 {
      color: #b31f34 !important; }
  .GKINGS .titleseparator {
    background: #b31f34;
    border-color: #b31f34; }
  .GKINGS .emphasis {
    color: #000 !important; }

.WISECOAT .btn-primary, .WiseAustin .btn-primary, .WiseBellevue .btn-primary, .WiseColumbia .btn-primary, .WiseHuntsville .btn-primary, .WiseLittleRock .btn-primary, .WiseLoudoun .btn-primary, .WiseOrlando .btn-primary, .WisePortland .btn-primary, .WiseRaleigh .btn-primary, .WiseSLC .btn-primary, .WiseScottsdale .btn-primary, .WiseStCharles .btn-primary, .WiseNUtah .btn-primary, .WISECOAT .free, .WiseAustin .free, .WiseBellevue .free, .WiseColumbia .free, .WiseHuntsville .free, .WiseLittleRock .free, .WiseLoudoun .free, .WiseOrlando .free, .WisePortland .free, .WiseRaleigh .free, .WiseSLC .free, .WiseScottsdale .free, .WiseStCharles .free, .WiseNUtah .free {
  background: #f28066;
  color: #fff !important;
  cursor: pointer;
  border-radius: 0;
  border: 1px solid #f28066; }
  .WISECOAT .btn-primary:hover, .WiseAustin .btn-primary:hover, .WiseBellevue .btn-primary:hover, .WiseColumbia .btn-primary:hover, .WiseHuntsville .btn-primary:hover, .WiseLittleRock .btn-primary:hover, .WiseLoudoun .btn-primary:hover, .WiseOrlando .btn-primary:hover, .WisePortland .btn-primary:hover, .WiseRaleigh .btn-primary:hover, .WiseSLC .btn-primary:hover, .WiseScottsdale .btn-primary:hover, .WiseStCharles .btn-primary:hover, .WiseNUtah .btn-primary:hover, .WISECOAT .free:hover, .WiseAustin .free:hover, .WiseBellevue .free:hover, .WiseColumbia .free:hover, .WiseHuntsville .free:hover, .WiseLittleRock .free:hover, .WiseLoudoun .free:hover, .WiseOrlando .free:hover, .WisePortland .free:hover, .WiseRaleigh .free:hover, .WiseSLC .free:hover, .WiseScottsdale .free:hover, .WiseStCharles .free:hover, .WiseNUtah .free:hover {
    color: #f28066 !important; }
  .WISECOAT .btn-clear.active, .WiseAustin .btn-clear.active, .WiseBellevue .btn-clear.active, .WiseColumbia .btn-clear.active, .WiseHuntsville .btn-clear.active, .WiseLittleRock .btn-clear.active, .WiseLoudoun .btn-clear.active, .WiseOrlando .btn-clear.active, .WisePortland .btn-clear.active, .WiseRaleigh .btn-clear.active, .WiseSLC .btn-clear.active, .WiseScottsdale .btn-clear.active, .WiseStCharles .btn-clear.active, .WiseNUtah .btn-clear.active {
    color: #f28066 !important; }
    .WISECOAT .btn-clear.active h2, .WiseAustin .btn-clear.active h2, .WiseBellevue .btn-clear.active h2, .WiseColumbia .btn-clear.active h2, .WiseHuntsville .btn-clear.active h2, .WiseLittleRock .btn-clear.active h2, .WiseLoudoun .btn-clear.active h2, .WiseOrlando .btn-clear.active h2, .WisePortland .btn-clear.active h2, .WiseRaleigh .btn-clear.active h2, .WiseSLC .btn-clear.active h2, .WiseScottsdale .btn-clear.active h2, .WiseStCharles .btn-clear.active h2, .WiseNUtah .btn-clear.active h2 {
      color: #f28066 !important; }
  .WISECOAT .titleseparator, .WiseAustin .titleseparator, .WiseBellevue .titleseparator, .WiseColumbia .titleseparator, .WiseHuntsville .titleseparator, .WiseLittleRock .titleseparator, .WiseLoudoun .titleseparator, .WiseOrlando .titleseparator, .WisePortland .titleseparator, .WiseRaleigh .titleseparator, .WiseSLC .titleseparator, .WiseScottsdale .titleseparator, .WiseStCharles .titleseparator, .WiseNUtah .titleseparator {
    background: #f28066;
    border-color: #f28066; }
  .WISECOAT .emphasis, .WiseAustin .emphasis, .WiseBellevue .emphasis, .WiseColumbia .emphasis, .WiseHuntsville .emphasis, .WiseLittleRock .emphasis, .WiseLoudoun .emphasis, .WiseOrlando .emphasis, .WisePortland .emphasis, .WiseRaleigh .emphasis, .WiseSLC .emphasis, .WiseScottsdale .emphasis, .WiseStCharles .emphasis, .WiseNUtah .emphasis {
    color: #000 !important; }

.A1GARAGE .btn-primary, .A1GARAGE .free {
  background: #e82c2a;
  color: #fff !important;
  cursor: pointer;
  border-radius: 0;
  border: 1px solid #e82c2a; }
  .A1GARAGE .btn-primary:hover, .A1GARAGE .free:hover {
    color: #911a1d !important; }
  .A1GARAGE .btn-clear.active {
    color: #e82c2a !important; }
    .A1GARAGE .btn-clear.active h2 {
      color: #e82c2a !important; }
  .A1GARAGE .titleseparator {
    background: #911a1d;
    border-color: #911a1d; }
  .A1GARAGE .emphasis {
    color: #000 !important; }

.TGFC .btn-primary, .TGFC-Nash .btn-primary, .TGFC .free, .TGFC-Nash .free {
  background: #f25b21;
  color: #fff !important;
  cursor: pointer;
  border-radius: 0;
  border: 1px solid #f25b21; }
  .TGFC .btn-primary:hover, .TGFC-Nash .btn-primary:hover, .TGFC .free:hover, .TGFC-Nash .free:hover {
    color: #911a1d !important; }
  .TGFC .btn-clear.active, .TGFC-Nash .btn-clear.active {
    color: #f25b21 !important; }
    .TGFC .btn-clear.active h2, .TGFC-Nash .btn-clear.active h2 {
      color: #f25b21 !important; }
  .TGFC .titleseparator, .TGFC-Nash .titleseparator {
    background: #911a1d;
    border-color: #911a1d; }
  .TGFC .emphasis, .TGFC-Nash .emphasis {
    color: #000 !important; }

.btn-link {
  padding: 0; }

.eh, .hr, .ch, .id {
  width: 100%; }

.truck {
  width: 100%; }

.half {
  width: 63%;
  text-align: right; }

.ordernumber {
  font-weight: bold;
  font-size: 26px;
  display: inline-block;
  padding-top: 21px; }

.flexportal footer {
  background: #000; }
  .flexportal footer a {
    color: #fff; }

.modal-body h2 {
  font-size: 1.5em; }
  .modal-body .msg {
    font-size: 1.25em;
    font-weight: bold; }
  .modal-body .are {
    font-size: 1.5em; }