.form-control:focus, form input:focus, form textarea:focus, select:focus {
outline-style:none;
outline:0 !important;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2) !important;
box-shadow: 0 0 4px rgba(0,0,0,0.2)!important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-animation: autofill 0s forwards;
animation: autofill 0s forwards;
}
@keyframes autofill {
100% {
background: #fff;
color: #303031;
}
}
@-webkit-keyframes autofill {
100% {
background: #fff;
color: #303031;
}
} *::-webkit-input-placeholder {
color: rgba(48,48,49,0.5);
}
*:focus::-webkit-input-placeholder {
color:rgba(48,48,49,0.5);
}
*:-moz-placeholder { color: rgba(48,48,49,0.5);
opacity: 1;
}
*::-moz-placeholder { color: rgba(48,48,49,0.5);
opacity: 1;
}
*:focus::-moz-placeholder {
color:rgba(48,48,49,0.5);
}
*:-ms-input-placeholder { color: rgba(48,48,49,0.5);
}
*::-ms-input-placeholder { color: rgba(48,48,49,0.5);
}
*:focus::-ms-input-placeholder {
color:rgba(48,48,49,0.5);
}
*::placeholder { color: rgba(48,48,49,0.5)!important;
}
*:focus::placeholder {
color:rgba(48,48,49,0.5);
} input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input, select {
border: 1px solid #303031;
color: #303031;
border-radius: 2px;
background-color: #fff;
height: 46px;
padding: 0 20px;
line-height: 36px;
font-size: 16px;
width: 100%
}
input[type="radio"], input[type="checkbox"] {
height: auto;
line-height: 1.6;
width: auto
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #303031;
color: rgba(48,48,49,0.5);
width:100%;
background-color: #fff;
padding: 15px 30px;
border-radius:0;
}
input[type="submit"] {
line-height: 36px;
color: #303031;
background-color: #C8BFA1;
border: 1px solid #C8BFA1;
padding: 0 32px;
display:inline-block;
width: auto;
min-width: 170px;
transition: background-color .5s
}
input[type="submit"]:hover, input[type="submit"]:focus {
background-color: #fff;
color:#C8BFA1;
} div.wpcf7 {
position: relative;
margin: 20px auto 30px!important;
}
div.wpcf7 p:empty:before {
display:none
}
.wpb_wrapper div.wpcf7 {
margin-bottom: 15px!important;
}
div.wpcf7 h3, div.wpcf7 p {
margin-bottom:15px
}
div.wpcf7 p.small-text {
margin-bottom: 5px;
margin-top: -12px;
}
div.wpcf7 p.cf7-small-text {
font-size: 14px;
margin-bottom: 0;
margin-top: -20px;
text-align: right
}
.wpcf7 label {
line-height: 1.6;
color: #303031;
display: block;
}
.wpcf7 label a {
color:#303031;
text-decoration: underline;
transition: color .5s
}
.wpcf7 label a:hover, .wpcf7 label a:focus {
color:#C8BFA1;
font-weight: normal;
}
.wpcf7 .form-control {
height: auto;
padding: 6px 10px 9px;
font-weight: normal;
line-height: 1.2;
background-color: #fff;
color: #303031;
background-clip: padding-box;
border: 1px solid #303031;
border-radius: 0;
box-shadow: none;
}
.wpcf7 input[type="submit"].btn.btn-primary {
line-height: 1;
font-size: 16px;
color: #303031;
background-color: #D3C9B2;
border: 1px solid #D3C9B2;
text-transform: none;
padding: 3px 15px;
height:36px;
display:inline-flex;
align-items:center;
justify-content: center;
text-align: center;
border-radius: 2px;
min-width: 130px;
transition: all .5s
}
.wpcf7 input[type="submit"].btn.btn-primary:hover, .wpcf7 input[type="submit"].btn.btn-primary:focus {
background-color: #fff!important;
color: #D3C9B2;
box-shadow: none;
}
div.wpcf7 .wpcf7-submit.btn.btn-primary:disabled,
div.wpcf7 .wpcf7-submit.btn.btn-primary:disabled:hover,
div.wpcf7 .wpcf7-submit.btn.btn-primary:disabled:focus {
color: #FFF;
background-color: rgba(255,0,0,0.4)!important;
opacity: 1;
border-color: rgba(255,0,0,0.1)!important;
}
.wpcf7-select.form-control {
padding-left:12px
}
.wpcf7-form-control-wrap {
position: relative;
margin-bottom: 22px!important;
display: block;
}
.wpcf7-form-control-wrap.cf7-acceptance, 
.wpcf7-form-control-wrap[data-name="cf7-acceptance"] {
margin-bottom: 20px;
}
.wpcf7-form-control-wrap.your-message, 
.wpcf7-form-control-wrap[data-name="your-message"] {
margin-bottom: 10px;
}
.wpcf7 textarea.form-control {
height: 125px;
display: block;
}
.wpb_wrapper .wpcf7 textarea.form-control {
height: 100px;
}
.wpcf7-form-control.wpcf7-acceptance {
display: block;
} .wpcf7-form-control.wpcf7-radio.radio_wrap {
padding-left:56px
}
.wpcf7-radio span.wpcf7-list-item {
position: relative;
margin: 0 60px 0 0
}
.wpcf7-radio input[type="radio"] {
opacity: 0;
width: 25px;
position: relative;
z-index: 2;
margin-right: 12px;
}
.wpcf7-radio .wpcf7-list-item-label {
line-height: 20px;
cursor: pointer;
}
.wpcf7-radio input[type="radio"] + span::after,
.wpcf7-radio input[type="radio"] + span::before {
display: inline-block;
vertical-align: middle;
position: absolute;
}
.wpcf7-radio input[type="radio"] + span::after {
content: '';
width: 16px;
height: 16px;
background-color: #fff;
border-radius: 50%;
left: 2px;
top: 5px;
}
.wpcf7-radio input[type="radio"] + span::before {
width: 20px;
height: 20px;
cursor: pointer;
color: #707070;
left: 0;
top: 2px;
font-size: 20px;
padding-right: 5px;
font-family: 'icomoon';
z-index:1
}
.wpcf7-radio input[type="radio"] + span::before {
content: '\e913';
}
.wpcf7-radio input[type="radio"]:checked + span::before {
content: '\e914';
color: #C8BFA1;
}   label.custom-checkbox {
margin-top: 15px;
}
label.custom-checkbox span {
display: table;
} .wpcf7 .form-control.wpcf7-custom-control {
padding: 0;
background-color: transparent;
border: none;
}  .wpcf7-form-control-wrap.acceptance, .wpcf7-form-control-wrap[data-name="acceptance"] {
padding: 0;
}
.wpcf7 .acceptance .wpcf7-list-item, 
.wpcf7 .wpcf7-form-control-wrap[data-name="acceptance"] .wpcf7-list-item, 
.wpcf7 .wpcf7-custom-control .wpcf7-list-item,
label.custom-checkbox, label.woocommerce-form__label-for-checkbox.checkbox,
label.woocommerce-form__label-for-checkbox.inline,
label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme,
label[data-automation-id="woo-commerce-subscription-opt-in"].checkbox {
position: relative;
display: block;
min-height: 2rem;
margin-left:0;
}
label[data-automation-id="woo-commerce-subscription-opt-in"].checkbox {
padding-left: 38px;
cursor:pointer;
display: table!important;
}
.wpcf7 .wpcf7-custom-control .wpcf7-list-item {
margin: 25px 0 0;
}
.wpcf7 .acceptance .wpcf7-list-item > label, 
.wpcf7 .wpcf7-form-control-wrap[data-name="acceptance"] .wpcf7-list-item > label, 
.wpcf7 .wpcf7-custom-control .wpcf7-list-item > label,
label.woocommerce-form__label-for-checkbox.checkbox,
label.woocommerce-form__label-for-checkbox.inline,
label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
display:flex!important
}
.wpcf7 .acceptance input, 
.wpcf7 .wpcf7-form-control-wrap[data-name="acceptance"] input, 
.wpcf7 .wpcf7-custom-control input,
label.custom-checkbox input[type="checkbox"],
label.woocommerce-form__label-for-checkbox.checkbox input[type="checkbox"],
label.woocommerce-form__label-for-checkbox.inline input[type="checkbox"],
label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input[type="checkbox"],
label[data-automation-id="woo-commerce-subscription-opt-in"].checkbox input[type="checkbox"] {
position: absolute;
z-index: -1;
opacity: 0;
}
.wpcf7 .acceptance .wpcf7-list-item-label, 
.wpcf7 .wpcf7-form-control-wrap[data-name="acceptance"] .wpcf7-list-item-label, 
.wpcf7 .wpcf7-custom-control .wpcf7-list-item-label,
label.custom-checkbox span, label.woocommerce-form__label-for-checkbox.checkbox span,
label.woocommerce-form__label-for-checkbox.inline span,
label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {
padding-left: 38px;
padding-top: 3px;
position: relative;
cursor:pointer;
line-height: 1.2;
}
.wpcf7 .acceptance .wpcf7-list-item-label,
.wpcf7 .wpcf7-form-control-wrap[data-name="acceptance"] .wpcf7-list-item-label {
font-size:14px
}
.wpcf7 .acceptance  .wpcf7-list-item  label input + span.wpcf7-list-item-label::before,
.wpcf7 .wpcf7-form-control-wrap[data-name="acceptance"]  .wpcf7-list-item  label input + span.wpcf7-list-item-label::before,
.wpcf7 .wpcf7-custom-control .wpcf7-list-item  label input + span.wpcf7-list-item-label::before,
label.custom-checkbox  input + span::before, label.woocommerce-form__label-for-checkbox.checkbox input + span::before,
label.woocommerce-form__label-for-checkbox.inline input + span::before,
label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input + span::before,
label[data-automation-id="woo-commerce-subscription-opt-in"].checkbox input + span::before {
position: absolute;
display: block;
top: 0;
left: 0;
width: 26px;
height: 26px;
line-height: 24px;
font-size: 20px;
content: '\e905';
font-family: "icomoon";
color: #fff;
text-align: center;
background-color: #fff;
pointer-events: none;
border: 1px solid #303031;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wpcf7 .acceptance .wpcf7-list-item label input:checked + span.wpcf7-list-item-label::before,
.wpcf7 .wpcf7-form-control-wrap[data-name="acceptance"] .wpcf7-list-item label input:checked + span.wpcf7-list-item-label::before,
.wpcf7 .wpcf7-custom-control .wpcf7-list-item label input:checked + span.wpcf7-list-item-label::before,
label.custom-checkbox  input:checked + span::before,
label.woocommerce-form__label-for-checkbox.checkbox input:checked + span::before,
label.woocommerce-form__label-for-checkbox.inline input:checked + span::before,
label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input:checked + span::before,
label[data-automation-id="woo-commerce-subscription-opt-in"].checkbox input:checked + span::before {
color: #C8BFA1;
}
.wpcf7 .acceptance .wpcf7-list-item label input.invalid + span.wpcf7-list-item-label::before,
.wpcf7 .wpcf7-form-control-wrap[data-name="acceptance"] .wpcf7-list-item label input.invalid + span.wpcf7-list-item-label::before,
.wpcf7 .wpcf7-custom-control .wpcf7-list-item label input.invalid + span.wpcf7-list-item-label::before,
label.custom-checkbox  input.invalid + span::before,
label.woocommerce-form__label-for-checkbox.checkbox input.invalid + span::before,
label.woocommerce-form__label-for-checkbox.inline input.invalid + span::before,
label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input.invalid + span::before,
label[data-automation-id="woo-commerce-subscription-opt-in"].checkbox input.invalid + span::before {
color: #fff;
}
.wpcf7 .acceptance .wpcf7-list-item > input.invalid + span.wpcf7-list-item-label::after,
.wpcf7 .wpcf7-form-control-wrap[data-name="acceptance"] .wpcf7-list-item > input.invalid + span.wpcf7-list-item-label::after,
.wpcf7 .wpcf7-custom-control .wpcf7-list-item > input.invalid + span.wpcf7-list-item-label::after.
label.custom-checkbox  input.invalid + span::before {
left: -2.5rem;
width: 1.5rem;
height: 1.5rem;
}  span.wpcf7-not-valid-tip {
color: #C8BFA1;
font-size: 14px;
font-weight: normal;
display: block;
text-align: center;
position: absolute;
bottom: -20px;
left: 0;
} .cf7-acceptance span.wpcf7-not-valid-tip {
bottom: -10px;
width: 100%;
}
div.wpcf7-response-output {
position: absolute;
bottom: 40px;
color: #00253f;
border-color: #C8BFA1;
font-size: 16px;
max-width: 260px;
right: 50%;
margin-right: -130px!important;
text-align: center;
background-color: #fff;
padding: 8px 10px!important;
border-radius:0;
box-shadow: 0 3px 5px 1px rgba(0,0,0,0.1);
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border: 2px solid #C8BFA1;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #00253f;
}
div.wpcf7 .ajax-loader {
position: absolute;
left: 50%;
margin-left: -8px;
bottom: 16px;
}
@media only screen and (max-width: 767px) {
.cf7-acceptance span.wpcf7-not-valid-tip {
bottom: 0;
position: relative;
}
.wpcf7-form-control.wpcf7-radio.radio_wrap {
padding-left: 0;
}
.wpcf7 .row .col-sm-6.empty-col {
margin:0!important
}
label.custom-checkbox span {
font-size: 14px;
}
div.wpcf7 p.cf7-small-text {
margin-bottom: 10px;
margin-top: -14px;
}
.wpcf7-form-control-wrap {
margin-bottom: 10px!important;
}
span.wpcf7-not-valid-tip {
font-size: 11px;
bottom: -13px;
} }