input.text,
select,
textarea {
  font: 400 14px "Source Sans Pro","Arial";
  color: #444;
  background: white;
  border-radius: 0; }
  input.text.stroke,
  select.stroke,
  textarea.stroke {
    -webkit-text-stroke-color: rgba(20, 20, 20, 0.5);
    -webkit-text-stroke-width: .2px; }

.windows.chrome input.text.stroke, .windows.chrome select.stroke, .windows.chrome textarea.stroke {
  -webkit-text-stroke-color: rgba(20, 20, 20, 0.5);
  -webkit-text-stroke-width: .2px; }

button, input, textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.form input.buton {
  font: 300 16px "Source Sans Pro", "Open Sans", "Arial"; }
.form input .uppercase {
  text-transform: uppercase; }
.form input .lowercase {
  text-transform: lowercase; }
.form input .capitalize {
  text-transform: capitalize; }
.form input.text, .form select, .form textarea {
  border: 2px solid #dcdcdc;
  z-index: 1;
  width: 100%; }
.form textarea {
  height: 80px;
  padding: 4px;
  font-weight: 400; }
  .form textarea.locked {
    width: 100%;
    min-height: 80px;
    max-width: 100%;
    min-width: 100%; }
.form input.text, .form select {
  height: 38px; }
  .form input.text.sm, .form select.sm {
    height: 36px; }
  .form input.text.md, .form select.md {
    height: 44px; }
.form input.text {
  text-indent: 10px; }
.form select {
  text-indent: 2px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }
.form fieldset {
  border: 0;
  padding: 0;
  margin: 0; }
.form .hata input.text,
.form .hata select,
.form .hata textarea {
  border-color: #ffcbd4; }
.form .mask-check {
  border: 2px solid #dcdcdc;
  width: 15px;
  height: 15px;
  display: block;
  box-sizing: border-box; }
  .form .mask-check i {
    visibility: hidden;
    transition: .1s;
    opacity: 0;
    color: #ffb400;
    position: absolute;
    font-size: 9px;
    left: 2px;
    top: 1px; }
  .form .mask-check.on i {
    visibility: visible;
    opacity: 1; }
  .form .mask-check input {
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .form .mask-check.oval.min {
    width: 18px;
    height: 18px;
    border-radius: 18px; }
    .form .mask-check.oval.min i {
      top: 3px;
      left: 3.6px; }
.form .mask-radio {
  box-sizing: border-box;
  border: 2px solid #dcdcdc;
  padding: 2px;
  border-radius: 18px;
  width: 18px;
  height: 18px;
  display: inline-block; }
  .form .mask-radio i {
    visibility: hidden;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: .2s;
    opacity: 0;
    background: #ffc342;
    width: 10px;
    height: 10px;
    border-radius: 10px; }
  .form .mask-radio.on i {
    visibility: visible;
    opacity: 1; }
  .form .mask-radio input {
    opacity: 0;
    left: -1px;
    top: -1px; }
.form.border-1 .mask-radio, .form.border-1 .mask-check, .form.border-1 input.text, .form.border-1 select, .form.border-1 textarea {
  border-width: 1px; }
.form.border-0 .mask-radio, .form.border-0 .mask-check, .form.border-0 input.text, .form.border-0 select, .form.border-0 textarea {
  border-width: 0; }
.form.radius-2 .mask-radio, .form.radius-2 .mask-check, .form.radius-2 input.text, .form.radius-2 select, .form.radius-2 textarea {
  border-radius: 2px; }
.form.radius-3 .mask-radio, .form.radius-3 .mask-check, .form.radius-3 input.text, .form.radius-3 select, .form.radius-3 textarea {
  border-radius: 3px; }
.form.radius-4 .mask-radio, .form.radius-4 .mask-check, .form.radius-4 input.text, .form.radius-4 select, .form.radius-4 textarea {
  border-radius: 4px; }
.form.radius-5 .mask-radio, .form.radius-5 .mask-check, .form.radius-5 input.text, .form.radius-5 select, .form.radius-5 textarea {
  border-radius: 5px; }
.form.radius-6 .mask-radio, .form.radius-6 .mask-check, .form.radius-6 input.text, .form.radius-6 select, .form.radius-6 textarea {
  border-radius: 6px; }
.form .mask-radio.border-0, .form .mask-check.border-0, .form input.text.border-0, .form select.border-0, .form textarea.border-0 {
  border: 0; }
.form .f4 .dropdown {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
.form .f4 .dropdown {
  z-index: 2;
  position: absolute;
  right: 2px;
  top: 2px;
  background: white;
  width: 22px;
  height: calc( 100% - 4px );
  pointer-events: none; }
  .form .f4 .dropdown i {
    font-size: 10.2px;
    color: #777;
    top: 1px; }
.form .f2 {
  margin-bottom: 25px; }
.form .f1 > li.f2:last-child {
  margin-bottom: 0; }
.form .f4 .icon {
  position: absolute;
  z-index: 2; }
  .form .f4 .icon.end {
    right: 8px;
    top: 2px;
    height: calc( 100% - 4px );
    z-index: 2;
    color: #555;
    font-size: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .form .f4 .icon.end i {
      top: 2px; }
.form .notification {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .form .notification .ic {
    background: white;
    padding: 18px;
    color: white;
    padding-top: 25px;
    border-radius: 4px;
    width: 90%;
    max-width: 400px;
    max-height: 400px;
    height: 90%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .form .notification .ic .us {
      height: 100%; }
    .form .notification .ic .as {
      height: 38px;
      min-height: 38px; }
    .form .notification .ic button {
      color: white;
      height: 100%;
      padding: 0 20px; }
    .form .notification .ic h5 {
      font-size: 19px;
      margin-bottom: 10px;
      font-weight: 700; }
    .form .notification .ic p {
      text-align: justify; }
  .form .notification .in {
    display: none; }
.form.send-on .notification {
  visibility: visible; }
  .form.send-on .notification .ic {
    -webkit-animation: fadeInUp .5s;
            animation: fadeInUp .5s; }
.form.off .notification .ic {
  -webkit-animation: fadeOutDown .5s;
          animation: fadeOutDown .5s; }
.form.nosent .notification .ic {
  background: #c95849; }
  .form.nosent .notification .ic button {
    background: #c44d3d;
    border: 1px solid #d87b6f; }
  .form.nosent .notification .ic ul {
    padding: 16px 0 0 16px; }
    .form.nosent .notification .ic ul li {
      margin-bottom: 3px;
      text-indent: -5px;
      list-style-type: disc; }
  .form.nosent .notification .ic .ss-alert {
    color: #ffdd65;
    font-size: 14px;
    top: 5px;
    right: 0; }
.form.nosent .notification .nosent {
  display: block; }
.form.posted .notification .ic {
  background: #7a9258;
  max-height: 238px; }
  .form.posted .notification .ic button {
    background: #738954;
    border: 1px solid #9bb279; }
  .form.posted .notification .ic .ss-send {
    color: #ffdd65;
    font-size: 14px;
    top: 5px;
    right: 0; }
.form.posted .notification .posted {
  display: block; }