.form-control {
font-size: 1em;}
.form-wrapper {

}

.form-wrapper h1 {

}

.form-wrapper p.form-desc {

}
.banner-wrap {
	overflow:visible;
}

.form-wrapper .form-ul {
  margin: 0;
  padding: 0;
}


.form-wrapper .form-row  div .error-block {
      color: #E89999;
     display: block;
     margin-bottom: 0;
     margin-top: 4px;
    font-size: 11px;
    text-transform: uppercase;
}

.form-wrapper .form-ul  div .help-block {
  color: #737373;
  display: block;
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 11px;
  text-transform: uppercase;
}

.form-wrapper .form-row div input[type="file"] {
    border: 1px solid #cccccc;
    padding: 6px;
    background-image: none;
    color: #555;
    height: 34px;
    line-height: 1.428571429;
    outline:0;
    border-radius: 0px;
}




.form-wrapper .form-ul  li label abbr {
    color: #f00;
    font-size: 10px;
    margin-left: 2px;
}
.form-wrapper .form-row div .radio-wrapper label, .form-wrapper .form-row div .checkbox-wrapper label, .form-wrapper .form-row div .price-wrapper label {
    font-weight: normal;
}

.form-wrapper .form-row div .radio-wrapper label input, .form-wrapper .form-row div .checkbox-wrapper label input, .form-wrapper .form-row div .price-wrapper label input{
   margin-left:3px;
}


.form-class input::placeholder {
    color: #bbbbbb;
}

.form-class input:-ms-input-placeholder {
    color: #bbbbbb;
}

.form-class input::-ms-input-placeholder {
    color: #bbbbbb;
}
li.xmessage {
color: #4F8A10;
background-color: #DFF2BF;
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
li.xmessage p {
  margin: 10px;
}

/* new */
.form-wrapper .form-row div.li-submit button {

}

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

@media (min-width: 320px) and (max-width: 640px) {
   .form-wrapper .form-row div select {
      min-width: auto;
   }
   .form-wrapper .form-row div textarea,
   .form-wrapper .form-row div textarea.medium,
   .form-wrapper .form-row div textarea.large,
   .form-wrapper .form-row div input[type="text"],
   .form-wrapper .form-row div input.medium[type="text"],
   .form-wrapper .form-row div input.large[type="text"],
   .form-wrapper .form-row div input[type="password"],
   .form-wrapper .form-row div input.medium[type="password"],
   .form-wrapper .form-row div input.large[type="password"],
   .form-wrapper .form-row div select {
      width: 100%;
   }
   .form-wrapper .form-row div .address-wrapper input.street {
       width: 99%;
   }
   .form-wrapper .form-row div .address-wrapper input.city,
   .form-wrapper .form-row div .address-wrapper input.state,
   .form-wrapper .form-row div .address-wrapper input.zip,
   .form-wrapper .form-row div .address-wrapper select.country {
      width: 48.5%;
   }
   .li-captcha fieldset .col-sm-10 {
      padding: 0;
   }
   .g-recaptcha {
     transform: scale(0.90);
     transform-origin: left top;
   }

}
@media (min-width: 320px) and (max-width: 480px) {
   .form-wrapper .form-row div.li-captcha input[type="text"] {
      width: calc(100% - 160px);
   }
   .form-wrapper .form-row div .date-wrapper input.day,
   .form-wrapper .form-row div .date-wrapper input.month,
   .form-wrapper .form-row div .date-wrapper input.year {
     width: 65px;
   }
   .form-wrapper .form-row div .address-wrapper input.city,
   .form-wrapper .form-row div .address-wrapper input.state,
   .form-wrapper .form-row div .address-wrapper input.zip,
   .form-wrapper .form-row div .address-wrapper select.country {
      width: 47%;
   }
}
html[dir="rtl"] .form-wrapper .form-ul  li label {text-align: right !important;}
html[dir="rtl"] .form-wrapper .form-row div.li-submit {text-align: right !important;}
html[dir="rtl"] .form-wrapper .form-ul  li { text-align: right;}
html[dir="rtl"] .form-wrapper p.form-desc { text-align: right;}
