.webform-client-form .webform-component { overflow: hidden;}
.webform-client-form .form-item { position: relative;  margin: 20px 0 0 0; padding:0; border-bottom: 1px solid rgba(0, 0, 0, 0.24); transition: border-bottom 0.3s ease-in-out; }
.webform-client-form select { font-weight: 700; font-family :var(--tipo-letra-principal); border-bottom: 1px solid #eeeeee; font-size: 1.2em; height: auto; border: 0; padding: 3px 0 0px;
    margin: 0;
    line-height: 90%; background: transparent;}
.webform-client-form select option {     padding: 0; overflow: auto; white-space: normal; }
.webform-client-form .form-item input,
.webform-client-form .form-item textarea { font-weight:600; line-height: 120%; auto;  font-family :var(--tipo-letra-principal); padding: 8px 0 6px 0; margin: 0; z-index: 1; position: relative; border: none; border-radius: 0; font-size: 1.4em; background: none; box-shadow: none !important; width:100%; resize: none; }
.webform-client-form .form-item label { font-weight: normal; font-family :var(--tipo-letra-principal); display: block; z-index: -2; position: relative; top: 2em; margin: 0; font-size: 0.8em;     line-height: 96%; vertical-align: middle; vertical-align: baseline; opacity: 0; transition: top 0.3s ease,opacity 0.3s ease; }


.webform-client-form .webform-component-textfield .form-item,
.webform-client-form .webform-component-textarea .form-item,
.webform-client-form .webform-component-email .form-item,
.webform-client-form .webform-component-number .form-item,
.webform-client-form .webform-component-select .form-item {background: rgba(0, 0, 0, 0.019607); padding:9px 12px 0 12px;}
.webform-client-form .webform-component-select .form-item { padding: 0 5px 0 10px;}

.webform-client-form .webform-component-textfield .form-item:hover,
.webform-client-form .webform-component-textarea .form-item:hover,
.webform-client-form .webform-component-email .form-item:hover,
.webform-client-form .webform-component-number .form-item:hover,
.webform-client-form .webform-component-select .form-item:hover {background: rgba(0, 0, 0, 0.03); }
.webform-client-form .form-item:hover { border-bottom-width: 2px; }


.webform-client-form .webform-component-textfield .form-item.floating-label-form-group-with-focus,
.webform-client-form .webform-component-textarea .form-item.floating-label-form-group-with-focus,
.webform-client-form .webform-component-email .form-item.floating-label-form-group-with-focus,
.webform-client-form .webform-component-number .form-item.floating-label-form-group-with-focus,
.webform-client-form .webform-component-select .form-item.floating-label-form-group-with-focus {background: rgba(0, 0, 0, 0.05); }
.webform-client-form .form-item.floating-label-form-group-with-focus { border-bottom: 2px solid var(--secondary-color); }
.webform-client-form .form-item.floating-label-form-group-with-focus label { color: var(--secondary-color); }


.webform-client-form .webform-component-textfield .form-item:not(.floating-label-form-group-with-value) input,
.webform-client-form .webform-component-textarea .form-item:not(.floating-label-form-group-with-value) textarea,
.webform-client-form .webform-component-email .form-item:not(.floating-label-form-group-with-value) input,
.webform-client-form .webform-component-number .form-item:not(.floating-label-form-group-with-value) input,
.webform-client-form .webform-component-select .form-item:not(.floating-label-form-group-with-value) select {font-weight: 400; padding-top: 0; padding-bottom: 14px;}

.webform-client-form .webform-component-select .form-item:not(.floating-label-form-group-with-value) select {padding-top: 0;}





.webform-client-form .form-item.floating-label-form-group-with-value label { top: 0; z-index: 0; opacity: 1; }
.webform-client-form ::-webkit-input-placeholder { color: #333; }
.webform-client-form .webform-component-radios { overflow: auto; width: 100%; }
.webform-client-form .webform-component-radios .form-item>label {     top: 0; display:none; z-index: 0; opacity: 1; font-size: 1.5em; font-weight: normal; line-height: 170%; }
.webform-client-form .webform-component-radios .form-radios .form-item { width:auto; float:left; border: 0;}
.webform-client-form .webform-component-radios .form-radios label { display:block;    padding-left:45px;    }
.webform-client-form .webform-component-radios .form-radios input { float: left; }
.webform-client-form .webform-component-radios .form-radio:empty { margin-left: -999px; }
.webform-client-form .webform-component-radios .form-radio:empty ~ .caixa { position: absolute; left: 0; margin-top: 6px; visibility: visible; cursor: pointer; user-select: none; }
.webform-client-form .webform-component-radios .form-radios .option .form-radio:empty ~ .caixa:before { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #333; content: ''; }
.webform-client-form .webform-component-radios .form-radios .option .form-radio:hover:not(:checked) ~ .caixa:before { content: '\2714'; color: #C2C2C2; }
.webform-client-form .webform-component-radios .form-radios .option .form-radio:hover:not(:checked) ~ .caixa { color: #888; }
.webform-client-form .webform-component-radios .form-radios .option .form-radio:checked ~ .caixa:before { content: '\2714'; color: #333; }
.webform-client-form .webform-component-radios .form-radios .option .form-radio:checked ~ .caixa { color: #333; }
.webform-client-form .form-item.floating-label-form-group-with-focus ::-webkit-input-placeholder { color: var(--secondary-color); }



.webform-client-form .webform-component-checkboxes { overflow: auto; width: 100%; }
.webform-client-form .webform-component-checkboxes .form-item > label {     top: 0; display:none; z-index: 0; opacity: 1; font-size: 1.5em; font-weight: normal;     line-height: 170%;}
.webform-client-form .webform-component-checkboxes .form-checkboxes .form-item { width:auto; float:left; border: 0;}
.webform-client-form .webform-component-checkboxes .form-checkboxes label { display:block;    padding-left:45px;    }
.webform-client-form .webform-component-checkboxes .form-checkboxes input { float: left; }
.webform-client-form .webform-component-checkboxes .form-checkbox:empty { margin-left: -999px; }
.webform-client-form .webform-component-checkboxes .form-checkbox:empty ~ .caixa {     top: 0; position: absolute; left: 0; margin-top: 6px; visibility: visible; cursor: pointer; user-select: none; }
.webform-client-form .webform-component-checkboxes .form-checkboxes .caixa:before { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #333; content: ''; }
.webform-client-form .webform-component-checkboxes .form-checkboxes .form-checkbox:hover:not(:checked) ~ .caixa:before { content: '\2714'; color: #C2C2C2; }
.webform-client-form .webform-component-checkboxes .form-checkboxes .form-checkbox:hover:not(:checked) ~ .caixa { color: #888; }
.webform-client-form .webform-component-checkboxes .form-checkboxes .form-checkbox:checked ~ .caixa:before { content: '\2714'; color: #333; }
.webform-client-form .webform-component-checkboxes .form-checkboxes .form-checkbox:checked ~ .caixa { color: #333; }










.webform-client-form #edit-actions { text-align: center; margin: 50px 0 0 0; }
.webform-client-form #edit-actions input { vertical-align: top; background: var(--secondary-color); border: none; height: 52px; font-weight: 700; line-height: 52px; margin: 0 5px; text-shadow: none; border: none; padding: 0 40px; color: #fff; text-transform: uppercase; font-size: 12px; border-radius: 3px; letter-spacing: 1px; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2),inset 0px 0px 0px 1px rgba(255,255,255,0.1); transition: all 0.3s ease-in-out; position: relative; cursor: pointer; display: inline-block; }
