.wrap-forms .title {
padding: 0 10px;
text-align: center;
}
.wrap-forms .title p {
margin: 10px 0 30px 0;
}
.wrap-forms .title h2 {
margin: 0;
}
.wrap-forms p {
margin: 0;
line-height: 1;
}
.wrap-forms sup {
color: #f00;
}
.wrap-forms label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}
.wrap-forms em {
font-size: 12px;
padding-top: 10px;
display: inline-block;
}
.wrap-forms .options {
position: relative;
}
.wrap-forms .field-text,
.wrap-forms .field-textarea,
.wrap-forms .field-checkbox,
.wrap-forms .field-radio,
.wrap-forms .field-select {
padding: 0 10px 10px 0;
}
.wrap-forms .custom-checkbox,
.wrap-forms .custom-radio {
width: 100%;
border-radius: 2px;
padding: 10px 20px;
border: 1px solid #e1e1e1;
}
.wrap-forms input,
.wrap-forms textarea {
width: 100%;
border-radius: 2px;
padding: 10px 20px;
}
.wrap-forms textarea {
height: 150px;
}
.wrap-forms input[type="checkbox"],
.wrap-forms input[type="radio"] {
width: inherit;
z-index: 1;
position: relative;
opacity: 0;
}
.wrap-forms .field-checkbox .options label,
.wrap-forms .field-radio .options label {
padding-left: 5px;
position: relative;
left: 5px;
top: 3px;
font-size: 14px;
text-transform: none;
}
.wrap-forms .two-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.wrap-forms .three-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.wrap-forms .side-by-side:before,
.wrap-forms .side-by-side:after {
content: '';
display: table;
}
.wrap-forms .side-by-side:after {
clear: both;
}
.wrap-forms .side-by-side .options {
float: left;
margin-right: 20px;
}
.wrap-forms .side-by-side .options:last-child {
margin: 0;
}
.wrap-forms input[type="checkbox"]:active ~ .checkbox-styled {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.wrap-forms input[type="checkbox"]:checked ~ .checkbox-styled i {
opacity: 1;
}
.wrap-forms input[type="checkbox"] label:active ~ .checkbox-styled {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.wrap-forms .checkbox-styled {
position: relative;
display: block;
width: 18px;
height: 18px;
border: 1px solid #B3B3B3;
border-radius: 3px;
position: absolute;
top: 5px;
left: 0;
-webkit-transition: .2s;
transition: .2s;
}
.wrap-forms .checkbox-styled i {
position: absolute;
opacity: 0;
color: #fff;
-webkit-transition: .2s;
transition: .2s;
font-size: 12px;
top: 2px;
left: 2px;
}
.wrap-forms input[type="radio"]:active ~ .radio-styled {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.wrap-forms input[type="radio"] label:active ~ .radio-styled {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.wrap-forms input[type="radio"]:checked ~ .radio-styled:after {
opacity: 1;
}
.wrap-forms .radio-styled {
display: block;
position: relative;
width: 18px;
height: 18px;
border: 1px solid #B3B3B3;
border-radius: 20px;
position: absolute;
top: 5px;
left: 0;
-webkit-transition: .2s;
transition: .2s;
}
.wrap-forms .radio-styled:after {
content: '';
display: block;
position: absolute;
width: 6px;
height: 6px;
background-color: #fff;
border-radius: 10px;
top: 5px;
left: 5px;
opacity: 0;
-webkit-transition: .2s;
transition: .2s;
}
.wrap-forms select {
opacity: 0;
}
.field-submit {
text-align: center;
padding-top: 30px;
}
.wrap-forms .form-builder-item.tirex-col-sm-4 {
width: 33.333333%;
}
@media (max-width: 767px) {
.wrap-forms .field-checkbox .options label,
.wrap-forms .field-radio .options label {
position: absolute;
left: 20px;
}
.wrap-forms .two-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.wrap-forms .three-columns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.wrap-forms .side-by-side .options {
float: none;
margin: 0;
}
.wrap-forms .form-builder-item.tirex-col-sm-4 {
width: 100%;
}
}