/***************Custom CSS*****************************/



#wrapper #main .phase-form-content h2 {

    margin-top: 40px;

	font-size: 36px;

    text-align: center;

    font-family: "Playfair Display";

    color:#3a1b00;

    margin-bottom: 0;

}

#wrapper #main .phase-form-content h3 {

  font-size: 21px;

  color:#d1481c;

  text-align: center;

  margin-top: 0;

}

#wrapper #main .phase-form-content .form-control label{

  float: left; width:100%;margin-bottom: 10px;font-size: 14px;text-transform:uppercase; font-family: "Montserrat";

}

#wrapper #main .phase-form-content .form-control label span {

    color: #959595;

    float: right;

}



#wrapper #main .phase-form-content .phase-form-wrap {

    float: left;

    margin: 60px 0;

    width: 100%;

}



#wrapper #main .phase-form-content .form-control {

    float: left;

    margin-bottom: 30px;

    width: 100%;

    font-family: "Montserrat";

}

#wrapper #main .phase-form-content .form-control  input,

#wrapper #main .phase-form-content .form-control  select  {

  border:1px solid #d2d2d2;

    float: left;

    font-size: 16px;

    height: auto;

    padding: 10px;

    width: 100%;

}

#wrapper #main .phase-form-content .form-control input[type="submit"],

#wrapper #main .phase-form-content .form-control button{

  background-color: #000;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0471c+0,a63916+100 */

  background: #d0471c; /* Old browsers */

  background: -moz-linear-gradient(top, #d0471c 0%, #a63916 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #d0471c 0%,#a63916 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #d0471c 0%,#a63916 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0471c', endColorstr='#a63916',GradientType=0 ); /* IE6-9 */

  padding: 10px 30px;

  text-transform:uppercase;

  color:#ffffff;

  border: none;

  border-radius: 3px;

  float: right;

}

#wrapper #main .phase-form-content .form-control button#prev-btn-2,#wrapper #main .phase-form-content .form-control button#prev-btn-3{

   float:left;

 } 

#wrapper #main .phase-form-content .form-control > input.date-picker{ max-width:280px;}

#wrapper #main .phase-form-content .form-control.bank-account-no > input{ width:15.66%;}





#wrapper #main .phase-form-content .stepping-item.step-3 .form-control > input,

#wrapper #main .phase-form-content .stepping-item.step-3 .form-control > p

{border: none;color:#3a1a00;font-family: "Playfair Display";font-size: 24px; padding:10px 0; }


#wrapper #main .phase-form-content .stepping-item.step-3 .form-control .instrument_clone_fields  input
{border: none;color:#3a1a00;font-family: "Playfair Display";font-size: 24px; padding:10px 0; }

#wrapper #main .phase-form-content .stepping-item.step-3 .form-control label { border-bottom: 1px solid #e0e0e0; font-size: 18px; padding-bottom:5px; color:#8b7869;}

#wrapper #main .phase-form-content .stepping-item.step-3 .form-control > p span {color:#d1481c; font-size: 48px;}



span#insurance_price {

  color:#d1481c; font-size: 48px;line-height: 32px;

}

span#insurance_price span{

   font-size: 18px; color:#3f1400;margin-left:10px;

}



#how_did_hear_us{

    margin-bottom:15px;

}



.hide{

  display:none;

}

#add-more-btn,.remove_field{

   float:right;

    font-size: 12px;

}

.remove_field{

  margin-left:15px;

}

input[name^="type-and-brand"]{

    margin-bottom: 10px;

}



.phase-form-content {

    float: left;

    overflow-x: hidden;

    width: 100%;

}



.stepping-wrap {

    float: left;

    position: relative;

    width: 400%;

    transition:.3s;

}



.stepping-item {

    float: left;

    width: 25%;

}



.stepping-wrap.current-step-1 {

    left: 0;

}



.stepping-wrap.current-step-2 {

    left: -100%;

}



.stepping-wrap.current-step-3 {

    left: -200%;

}

.stepping-wrap.current-step-4 {

    left: -300%;

}

.phase-form-content button{

  cursor: pointer;

}

.step-image{

  text-align: center;

}





 #wrapper #main .phase-form-content #drop-target {

    border: 6px dashed #999999;

    color: #999999;

    cursor: pointer;

    font-size: 20px;

    height: 100px;

    line-height: 85px;

    text-align: center;

    width: 100%;

    float:left;

}

#wrapper #main .phase-form-content #drop-target.dragover {

        background: rgba(255, 255, 255, 0.4);

        border-color: green;

 }





.phase-form-content .progress-bar {

 border: 1px solid #cccccc;
display: inline-block;
height: 26px;
margin-bottom: 0;
margin-left: 1px;
text-align: center;
width: 95%;
margin-bottom: 5px;

}

.phase-form-content #debug{

    font-size:15px;

}

.phase-form-content #debug > div{

     margin: 5px 0;

     float:left;

     width:100%;

     font-size:15px;

}

.phase-form-content .progress-bar .percentage {

    font-size: 15px;

    height: 26px;

    width: 0%;

    background: #4caf50;

    float:left;

}

.phase-form-content .instrument_clone_fields input{

    margin-bottom:10px;

}
.phase-form-content .remove-this-file{
  display: block;
position: relative;
width: auto;
float: right;
}
.infobox-1,.infobox-2{
  z-index:9999999;
  left:0;
}

span.help-icon {
    background-color: #3f1400;
    border-radius: 50%;
    width: 18px;
    display: inline-block;
    height: 18px;
    text-align: center;
    color: #fff;
    float:none!important;
}

a#dob_tooltip_block {
       position: absolute;
    right: 0;
    text-align: right;
}
/*a#upload_tooltip_block {
    position: absolute;
    left: -24px;
    top: 26px;
}*/
a#upload_tooltip_block {
    position: absolute;
   
    top: 26px;
    right: 0;
    z-index:9;
    text-align: right;
}
#wrapper #main .phase-form-content .form-control{
   position: relative;
}
/*#upload_tooltip_block > div,a#dob_tooltip_block > div{
   text-align: left;
}*/
div#infobox-1,div#infobox-2 {
    right: 0;
    margin-left: 0;
    text-align: left;
}
@media (max-width: 430px) {
  #wrapper #main .phase-form-content .form-control.bank-account-no > input{
      width: 32.3%;
      margin-bottom: 5px;
  }
}