body {
  padding: 20px;
  -webkit-font-smoothing: antialiased;
}

.sp-widget-input, .sp-widget-input input, sp-widget button {font-family:'Circular ', Helvetica;}

.sp-widget-input .parsley-errors-list {
    list-style: none;
    padding: 0;
    margin: 6px 0;
}
.sp-widget-input .form-error {
    display: none;
    color: #ff4c4c;
    font-size:12px;
    position:relative;
}

.sp-widget-input .form-success {
    display: none;
}

.sp-widget-input .parsley-required {
    color: #ff4c4c;
    font-size:11px;
}

.sp-widget-input .parsley-minlength {
    color: #ff4c4c;
    font-size:11px;
}

.intl-tel-input .country-list {
  box-shadow: none;
  border: 2px solid #F1F1F1;
  border-top-width: 1px;
  font-size: 14px;
  width: 335px;
}
.intl-tel-input .selected-flag {
  padding: 0 0 0 12px;
  width: 40px;
}
.intl-tel-input .country-list .iti-flag {
  margin-right: 18px;
  
}
.intl-tel-input .country-list .country-name {
  margin-right: 10px;
}

.intl-tel-input .country-list .iti-flag, 
.intl-tel-input .country-list .country-name, 
.intl-tel-input .country-list .dial-code {
  display: inline-block;
  vertical-align: middle;
}
.intl-tel-input .country-list .divider {
  border-bottom: 2px solid #F1f1f1;
}

.sp-widget-input input, .sp-widget-input select, .sp-widget-input button {
    appearance:none;
    -webkit-appearance:none;
    background-color:#fff;
    border:2px solid #F1F1F1;
    padding:12px;
    font-size:15px;
    color:rgba(0,0,0,0.4);
    width:100%;
    box-sizing:border-box;
    margin:0;
    transition:0.3s ease background, 0.3s ease broder;
    border-radius:0;
    line-height:19px;
    color: #555;
    height: auto;
    box-shadow: none;
}
.sp-widget-input input {
  border-right-width: 0px;
}
.sp-widget-input input:focus, .sp-widget-input select:focus, .sp-widget-input button:focus {
  outline:0;
}

.sp-widget-input input:focus {
  background-color: #f8f8f8;
  border-color: #f1f1f1;
    box-shadow: none;
}
.sp-widget-input input:hover {
  border-color: #e8e8e8;

}


.sp-widget-input button {
    background-color:#CFB46E;
    border-color:#B9A162;
    font-weight:bold;
    color:#fff;
    font-size:10px;
    letter-spacing: .2em;
    text-transform: uppercase;
    transition: 0.3s ease background;
    border-left-width: 0px;
}
.sp-widget-input button:hover {
  cursor: pointer;
  background-color: #B9A162;
  color:#fff;
  border-color: #B9A162;
}

.sp-widget-input {
    position:relative;
    padding-right:90px;
    max-width:700px;
    width:100%;
    margin:0 auto;
    text-align:left;
    box-sizing:border-box;
}
.sp-widget-input button {
    width:90px;
    position:absolute;
    top:0;
    right:0;
}


@media (max-width: 600px) {

    
    .sp-widget-input {
        padding-right:0;
    }
    .sp-widget-input button {
        position:relative;
        width:100%;
        border-left-width: 2px;
    }
    .sp-widget-input input, .sp-widget-input select {
        font-size:14px;
    }
    .sp-widget-input input {
      border-right-width: 2px;
    }
  
}