/* nform */
:root {
  /*default*/
  --nform-background-color: #f9f9f9;
  --nform-border-color: #f9f9f9;
  --nform-border-width: 3px;
  --nform-border-style: solid;
  --nform-line-height: 50px;
  --nform-textarea-line-height: 25px;
  --nform-height: 50px;
  --nform-padding: 0px 10px;
  --nform-font-weight: 400;
  --nform-font-size: 16px;
  --nform-color: #777777;
  --nform-placeholder-color: #999999;
  --nform-placeholder-size: 16px;
  /* label */
  --nform-label-padding: 0px 10px;
  --nform-label-font-weight: 400;
  --nform-label-font-size: 14px;
  --nform-label-color: #777777;
  --nform-label-check-color: #222222;
  /*entered*/
  --nform-entered-background-color: #f9f9f9;
  --nform-entered-border-color: #03a9f4;
  --nform-entered-border-width: 3px;
  --nform-entered-border-style: solid;
  --nform-entered-color: #000000;
  /*focus*/
  --nform-focus-background-color: #ffffff;
  --nform-focus-border-color: #03a9f4;
  --nform-focus-border-width: 3px;
  --nform-focus-border-style: solid;
  --nform-focus-color: #777777;
}

.nform {
  position: relative;
}
.nform > input, .nform > input[type=checkbox] + label, .nform > input[type=radio] + label, .nform > select, .nform > textarea {
  position: relative;
  z-index: 1;
  display: block;
  /* size */
  padding: var(--nform-padding);
  line-height: var(--nform-line-height);
  height: var(--nform-height);
  font-weight: var(--nform-font-weight);
  font-size: var(--nform-font-size);
  /* color set */
  border-color: var(--nform-border-color);
  border-width: var(--nform-border-width);
  border-style: var(--nform-border-style);
  background-color: var(--nform-background-color);
  color: var(--nform-color);
  /* etc */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  box-shadow: none;
  text-align: right;
  width: 100%;
}.nform.entered > input, .nform.entered > input[type=checkbox] + label, .nform.entered > input[type=radio] + label, .nform.entered > select, .nform.entered > textarea  {
  border-color: var(--nform-entered-border-color);
  border-width: var(--nform-entered-border-width);
  border-style: var(--nform-entered-border-style);
  background-color: var(--nform-entered-background-color);
  color: var(--nform-entered-color);
}.nform.focus > input, .nform.focus > select, .nform.focus > textarea  {
  border-color: var(--nform-focus-border-color);
  border-width: var(--nform-focus-border-width);
  border-style: var(--nform-focus-border-style);
  background-color: var(--nform-focus-background-color);
  color: var(--nform-focus-color);
}

/* type="file" */
.nform > input[type=file] {
  opacity: 0;
  cursor: pointer;
}.nform > input[type=file]:before {
  content: 'filetest';
  /* size */
  padding: var(--nform-padding);
  line-height: var(--nform-line-height);
  height: var(--nform-height);
  font-weight: var(--nform-font-weight);
  font-size: var(--nform-font-size);
}

/* type="radio", type="checkbox" */
.nform > input[type=radio], .nform > input[type=checkbox] {
  background-color: transparent !important;
  background-size: calc(var(--nform-font-size) + 4px);
  background-repeat: no-repeat !important;
  background-position: center center !important;

  border: none !important;
  display: inline-block;
  width: auto;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  margin-left: calc(var(--nform-font-size));
}.nform > input[type=radio] + label, .nform > input[type=checkbox] + label {
  padding-left: calc(var(--nform-font-size) + 24px);
  line-height: calc(var(--nform-height) - var(--nform-border-width));
  text-align: left;
  cursor: pointer;
}.nform > input[type=radio] {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path xstyle="fill:%23ffffff; !important;" fill-opacity="15%" d="M256,1.5C115.5,1.5,1.6,115.4,1.6,255.9S115.5,510.3,256,510.3s254.4-113.9,254.4-254.4S396.5,1.5,256,1.5z M256,376.3c-66.5,0-120.4-53.9-120.4-120.4S189.5,135.5,256,135.5s120.4,53.9,120.4,120.4S322.5,376.3,256,376.3z"/></svg>') !important;
}.nform > input[type=radio]:checked {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path style="fill:%2303a9f4; !important;" d="M256,1.5C115.5,1.5,1.6,115.4,1.6,255.9S115.5,510.3,256,510.3s254.4-113.9,254.4-254.4S396.5,1.5,256,1.5z M256,376.3c-66.5,0-120.4-53.9-120.4-120.4S189.5,135.5,256,135.5s120.4,53.9,120.4,120.4S322.5,376.3,256,376.3z"/></svg>') !important;
}.nform > input[type=checkbox] {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path xstyle="fill:%23ffffff; !important;" fill-opacity="15%" d="M398.8,0.9H112.2C51,0.9,1,50.9,1,112.1v286.6c0,61.2,50,111.2,111.2,111.2h286.6c61.2,0,111.2-50,111.2-111.2V112.1C510,50.9,460,0.9,398.8,0.9z M272,320.3l0.2,0.2l-47.7,47.7L101.3,245l47.7-47.7l75.3,75.3l129.8-129.8l39.2,39.2l3.5,3.5l5,4.9L272,320.3z"/></svg>') !important;
}.nform > input[type=checkbox]:checked {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path style="fill:%2303a9f4; !important;" d="M398.8,0.9H112.2C51,0.9,1,50.9,1,112.1v286.6c0,61.2,50,111.2,111.2,111.2h286.6c61.2,0,111.2-50,111.2-111.2V112.1C510,50.9,460,0.9,398.8,0.9z M272,320.3l0.2,0.2l-47.7,47.7L101.3,245l47.7-47.7l75.3,75.3l129.8-129.8l39.2,39.2l3.5,3.5l5,4.9L272,320.3z"/></svg>') !important;
}.nform > input[type=radio]:checked + label, .nform > input[type=checkbox]:checked + label {
  color: var(--nform-label-check-color);
}

/* type="number" */
.nform > [type='number'] {
  -moz-appearance: textfield !important;
}

.nform.nform-multiple {
  display: inline-flex;
  width: 100%;
}.nform.nform-multiple > label {
  position: relative;
  word-break: keep-all;
  padding: 0 5px;
}

.nform > textarea {
  padding: 15px;
  padding-top: calc(var(--nform-height) - 5px);
  min-height: calc(var(--nform-height) + 50px);
  text-align: left;
  line-height: var(--nform-textarea-line-height);
  resize: none;
}.nform > select option {
  background-color: var(--nform-background-color);
}.nform > select,
 .nform > select option {
  font-size: 14px;
  cursor: pointer;
}.nform.entered > select, 
 .nform.entered > select option {
  font-size: 16px;
}.nform > select{
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%20fill-opacity%3D%2250%25%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important;
  background-size: 10px;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  line-height: 20px;
  text-align: justify;
  text-align-last: right;
  -ms-text-align-last: right;
  -moz-text-align-last: right;
  padding-right: 30px !important;
}
/* Only Safari */
@supports (-webkit-hyphens:none){
  .nform > select {
    direction:rtl;
  }.nform > select option {
    direction:ltr;
  }
}
/* Only IE  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ 
  .nform > select {
    direction:rtl;
  }.nform > select option {
    direction:ltr;
  }
}
.nform > select::-ms-expand {
  display: none !important;
}
.nform > *::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--nform-placeholder-color);
  font-size: var(--nform-placeholder-size);
  opacity: 1; /* Firefox */
}.nform > *:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--nform-placeholder-color);
  font-size: var(--nform-placeholder-size);
}.nform > *::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--nform-placeholder-color);
  font-size: var(--nform-placeholder-size);
}

.nform ::-webkit-outer-spin-button,
.nform ::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

/* IE10+ */
.nform ::-ms-clear {
  display: none !important;
}

/* Chrome */
.nform ::-webkit-search-decoration,
.nform ::-webkit-search-cancel-button,
.nform ::-webkit-search-results-button,
.nform ::-webkit-search-results-decoration { 
  display: none !important; 
}


/* label */
.nform > input + label, .nform > select + label, .nform > textarea + label {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 0;
  /* size */
  padding: var(--nform-label-padding);
  /*line-height: var(--nform-line-height);*/
  line-height: var(--nform-height);
  height: var(--nform-height);
  font-weight: var(--nform-label-font-weight);
  font-size: var(--nform-label-font-size);
  color: var(--nform-label-color);
  /* etc */
  cursor: text;
}.nform > label + input {
  text-align: left;
}.nform > label + select {
  text-align-last: left;
}.nform > label + textarea {
  padding: 10px;
}
/* Only Safari */
@supports (-webkit-hyphens:none){
  .nform > label + select {
    direction:ltr;
  }.nform > label + select option {
    direction:ltr;
  }
}
/* Only IE  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ 
  .nform > label + select {
    direction:ltr;
  }.nform > label + select option {
    direction:ltr;
  }
}
/* nform theme-pressure */
.theme-pressure > input, .theme-pressure > input[type=checkbox] + label, .theme-pressure > input[type=radio] + label, .theme-pressure > select, .theme-pressure > textarea {
  outline: none;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  font-size: 14px;
  font-family: inherit;
}
.theme-pressure > input, .theme-pressure > input[type=checkbox] + label, .theme-pressure > input[type=radio] + label, .theme-pressure > select, .theme-pressure > textarea, 
.theme-pressure > input:focus, .theme-pressure > select:focus, .theme-pressure > textarea:focus {
  background-color: var(--nform-background-color);
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08) !important;
  -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08) !important;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.08) !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #666;
}.theme-pressure > input[type=checkbox], .theme-pressure > input[type=radio] {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}.theme-pressure > .label {
  font-size: 16px;
  color: #555;
  text-transform: capitalize;
  display: block;
  margin-bottom: 5px;
}
.theme-pressure > select {
  padding-right: 35px !important;
}
.theme-pressure > textarea {
  padding: 15px;
  padding-top: calc(var(--nform-height) - 5px);
}
.theme-pressure > input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #666;
}.theme-pressure > input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666;
  opacity: 1;
}.theme-pressure > input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666;
  opacity: 1;
}.theme-pressure > input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666;
}.theme-pressure > input:-ms-input-placeholder {
  /* Microsoft Edge */
  color: #666;
}


/* nform theme-lick */
.theme-lick > input, .theme-lick > input[type=checkbox] + label, .theme-lick > input[type=radio] + label, .theme-lick > select, .theme-lick > textarea {
  outline: none;
  margin: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  font-size: 14px;
  font-family: inherit;
}
.theme-lick > input, .theme-lick > input[type=checkbox] + label, .theme-lick > input[type=radio] + label, .theme-lick > select, .theme-lick > textarea, 
.theme-lick > input:focus, .theme-lick > select:focus, .theme-lick > textarea:focus {
  background-color: var(--nform-background-color);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #666;
}.theme-lick > .label {
  font-size: 16px;
  color: #555;
  text-transform: capitalize;
  display: block;
  margin-bottom: 5px;
}
.theme-lick > select {
  padding-right: 35px !important;
}
.theme-lick > textarea {
  padding: 15px;
  padding-top: calc(var(--nform-height) - 5px);
}
.theme-lick > input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #666;
}.theme-lick > input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666;
  opacity: 1;
}.theme-lick > input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666;
  opacity: 1;
}.theme-lick > input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666;
}.theme-lick > input:-ms-input-placeholder {
  /* Microsoft Edge */
  color: #666;
}


/* unbox */
.nform.unbox {
  display: inline-block;
  width: auto;
}.nform.unbox > input {
  position: relative;
  width: calc(var(--nform-font-size) + 4px);
  height: calc(var(--nform-font-size) + 4px);
  border: 0;
  background-color: transparent;
  display: inline-block;
  background-position: center center !important;
  line-height: var(--nform-height);
  vertical-align: middle;
  border-radius: 6px !important;
  margin-left: unset;
}.nform.unbox > input.circle {
  border-radius: 20px !important;
}.nform.unbox > input + label {
  position: relative;
  display: inline-block;
  line-height: var(--nform-height);
  font-weight: var(--nform-font-weight);
  font-size: var(--nform-font-size) !important;
  vertical-align: middle;
  padding: 0;
  width: auto;
  border: 0 !important;
  background-color: transparent !important;
}