#priceModal {
   width: 100%;
   background: #f9f7ee;
   padding: 4rem 2rem;
}

@keyframes fadeIn {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}

.fade-in {
   animation: fadeIn 1s forwards;
}

#pageloader {
   width: 100%;
   justify-content: center;
   align-items: center;
   display: none;
   font-size:1.5rem;
   z-index: 9999;
}

#pageloader img {
   height: 50px;
}

.detroit-ping-container {
   display:flex; 
   justify-content:center; 
   flex-wrap:wrap;
}

.detroit-ping-vehicle-img {
   max-width:125px; 
   min-width:75px; 
   flex-shrink:3;
}

.detroit-ping-dealer-container {
   margin-left:2rem;
   flex: 1 1 75%;
}

.dealer__container {
   margin-bottom: 1.5rem;
   margin-left: 3rem;
   display: flex;
   font-size: 1rem;
}
.dealer__info {
   padding-left: 1rem;
   font-size: 1.6rem;
}

.dealer__miles {
   color: #999;
   font-style: italic;
   padding-left: 5px;
}

.dealer__step {
   margin: 1rem;
   text-align: justify;
   font-size: 1.5rem;
}
.dealer__step b {
   font-size: 2rem;
}

.dealer__comments {
   width: 100%;
   padding: 1rem;
}

button.getprice {
   padding: 0.5rem;
   -moz-box-shadow: 3px 4px 0px 0px #1564ad;
    -webkit-box-shadow: 3px 4px 0px 0px #1564ad;
    box-shadow: 3px 4px 0px 0px #1564ad;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
    background: -moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: -webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: -o-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: -ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
    background-color: #79bbff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #337bc4;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px #528ecc;
}

button.getprice:hover {
   background: #5cb7b2!important;
}

.reallink {
   background: none !important;
   color: rgb(54, 87, 233) !important;
   border: none !important;
   font-size: inherit!important;
   text-decoration: underline!important;
}
.results {
   color:#555;
}

.results label {
   display: block;
}

.results h2 {
   color: #2f832f;
    margin-top: 0;
    font-size: 2rem;
    text-shadow: none;
}

.results select, .results input[type=text], .results input[type=email] {
   padding:1.5rem;
   margin:3px;
   font-size:16px;
   background:#fff;
   border-radius:5px;
   border: 1px solid #62aaf5;
}


#zipform {
   text-align: center;
   display: flex;
   justify-content: center;
}

#zip {font-size:16px;}
#zip,
button.submit {
   padding: 1rem;
}

.zip__current {
   font-size: 1.4rem;
   padding: 1rem;
   display: none;
}

.zip__number {
   font-weight: bold;
   padding-right: 1rem;
}

.zip__enterText {
   text-align: center;
   font-weight: bold;
   margin-bottom: 1rem;
}

.loading {
   background: url('/img/spinner.gif') no-repeat;
   background-size: 50px 50px;
}

.submitResults {
   font-size: 4rem !important;
   width: 100%;
   padding: 1rem;
   background: #1979c7 !important;
   border-radius: 5rem !important;
}
.submitResults:hover {
   background: #458bc4 !important;
}

.tableizer-table a {
   font-weight: bold;
   color: #046cdb;
   background: #eee;
   padding: 0.5rem;
   text-decoration: none;
   font-size: 1.5rem;
   border: 1px solid #ccc;
   border-radius: 5px;
}

.tableizer-table a:hover {
   background: #ddece3;
}



.form__warning {
   color: red;
   font-style: italic;
}

.form__wrapper {
   border: 1px solid #0a81d9;
   border-radius: 16px;
   font-size: 1.6rem;
   margin: auto;
   background: #e9e8e4;
   border: none;
   display: flex;
   max-width: 600px;
   flex-wrap: wrap;
   padding: 10px;
}

.input__wrapper {
   padding: 10px;
   display: flex;
   justify-content: flex-end;
   flex: 1 1 45%;
   min-width: 200px;
   flex-direction: column;
}

.input__wrapper input,
.input__wrapper select {
   font-size: 16px;
   padding: 1rem;
}

.addressWrapper {
   flex: 1 1 100%;
}

.cityWrapper {
   flex: 1 1 45%;
}
.statezipWrapper {
   flex: 1 1 100px;
   min-width: 50px;
}

.form__label {
   font-weight: bold;
}

.form input,
.form select {
   border-radius: 4px;
   border: 1px solid #4f9eee;
   padding: 1.5rem;
   font-size: 18px;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}
.form input {
   width: 100%;
}
.form select {
   appearance: none;
   background: #fff;
}

.postResults {
   width: 100%;
   font-size: 18px;
   padding: 2rem;
   margin-top: 2rem;
}


.steps {
   text-shadow: none;
   margin: 3rem 0;
   padding: 5px;
   font-size: 1.5rem;
   color: #446b49;
   background: #68ac4f2b;
   border-radius: 5px;
   border: 1px solid #bee3d7;
}
   .steps span {
   font-weight: bold;
   position: relative;
   left: -15px;
   margin-right: -10px;
   background: #6cc608;
   font-size: 2rem;
   display: inline-block;
   padding: 3px 7px;
   border-radius: 3px;
   color: #fff;
}

/* Dropdown Form */ 

.detroit-form-container {
   
   padding: 10px;
   margin: 1rem -10px;
   border-radius: 5px;
   background: #ffffdd;
}

.detroit-form-container.detroit-form-standalone {
   background: hsl(196deg 52% 94%);
   margin: 0px -10px 10px!important;
   padding:1.5rem;
}

.detroit-form-label {
   font-weight: bold;
   margin-bottom: 1rem;
   color: #1a6cb3;
}

   .detroit-form {
       display:flex;
       flex-wrap: wrap;
       
   }

   .detroit-form select {
       padding:1.5rem;
       padding-right:30px;
       margin-right:7px;
       margin-bottom:3px;
       font-size:16px;
       background:#fff;
       border-radius:5px;
       border: 1px solid #62aaf5;
       flex:2;
       position: relative;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background: white url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='18' height='18' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='currentColor' /></g></svg>") no-repeat;
      background-position: right 5px top 50%;
   }


   .Dyear {
       flex:1!important;
       min-width:100px;
   }


.recommendBox {
  
   background: #f8fcff;
   padding:4rem;
   
}

.detroit-form .btn {
   -moz-box-shadow: none;
   -webkit-box-shadow: none; 
   box-shadow: none;
   padding: 1.5rem;
    margin-bottom: 3px;
    margin-right: 7px;
   flex:1
  }


/* Media Queries */ 


@media (max-width: 34.375em) { 
   .results { 
      max-width: 90vw; 
      font-size: 1.75rem;
      line-height: 2.5rem;
   } 

   .Dsubmit {
      min-width:100%;
      margin: 1rem 0;
  } 
  
  .recommendBox {
      padding:2rem!important;
  }
}