/*to hide form print header*/
#special-for-print-header {
  margin: 0;
  display: none;
  width: 100%;
  height: 100px;
  background-color: #565d62; }

/*.hero {
  height: 201px;
  background: url(/images/hero/find-a-door.jpg) top center no-repeat; }

.header h1 {
  padding: 57px 0 0 0; }*/

.content-wrap {
  padding: 40px 0 30px;
  background-color: #fff; }

/*ul.steps {
  list-style-type: none;
  margin: 15px 0 0 0;
  padding: 0; }

.steps li {
  display: inline-block;
  margin: 0 0 23px 0; }

.step {
  color: #2c343b !important;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #565d62;
  font-size: 0.9em;
  margin-right: 0.6em;
  padding: 0.4em 0.8em;
  text-decoration: none;
  white-space: nowrap; }

.step.active {
  color: #fff !important;
  background-color: #2c343b !important;
  font-weight: bold; }

#step-text {
  color: #e03a3e;
  text-transform: uppercase; }

.step-1 img {
  margin: 0 15px 0 0; }

.step-1, .step-2, step-3 {
  float: left; }

.glass-choices {
  width: 130px;
  text-align: center;
  float: left;
  margin: 0 50px 0 25px; }*/

.draggable {
  display: inline-block; }

/*.step-2 {
  margin-bottom: 50px;
}*/
/*.step-2-text {
  float: left;
  max-width: 410px; }

.step-2-text ul {
  padding: 0 0 0 20px; }

.step-2-text li {
  margin-bottom: 10px; }*/

img.doors {
  cursor: pointer; }

img.glass {
  margin: 0 0 22px 0; }

/*.door-wrapper {
  float: left; }*/

.door-wrapper p {
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 5px;
  margin-bottom: 0; }

/*.red.button {
  background-color: white;
  color: #e0393d !important;
  font-family: Nexa-Book;
  border: 1px solid #e0393d;
}

  .red.button:hover {
    background-color: #e0393d;
    color: white !important;
  }

.step.special {
  margin: 5px 0;
  display: inline-block;
}*/
.remove {
  margin-top: 15px; }

#step-5 {
  margin-left: 15px; }

@media only screen and (max-width: 1150px) {
  .door-wrapper {
    width: 20%; }
  .door-wrapper img {
    width: 90%;
    height: auto; } }

@media only screen and (max-width: 710px) {
  #doormagination-page.hero {
    background: url(https://www.simpsondoor.com/images/hero/find-a-door.jpg) top center no-repeat; } }

@media print {
  .content h2, .content #hide, .steps, #step-text, #one, #two, #three, #four, #five, #six, #step-4, #step-5 {
    display: none !important; }
  .step-1 img {
    margin: 0; }
  div.ui-wrapper {
    margin: 0 0 0 250px !important; }
  #special-for-print-header {
    display: block; }
  .content p {
    margin: 0 !important; }
  .for-printer {
    margin: 70px 0 0 250px !important; } }

/*# sourceMappingURL=main.css.map */