.form {
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ field's hata   */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ indent's  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ boylar */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ textarea  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ input's  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ mask-check */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ mask-radio */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ mask-attach  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ -f border  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ -f round  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ f2  > bottom */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ f4 > select dropdown  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ f4 > icon  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ f4  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ f4  > mod convert */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ f7 : legend bolme baslik */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ f3: label  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ form genel type  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ robot */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ loaded */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ submit > result */
  	/*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ space  */
  /*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
  @ notification  */ }
  .form textarea::-webkit-input-placeholder,
  .form input::-webkit-input-placeholder {
    transition: color .15s; }
  .form textarea:focus::-webkit-input-placeholder,
  .form input:focus::-webkit-input-placeholder {
    color: transparent !important; }
  .form input:-webkit-autofill, .form textarea:-webkit-autofill, .form select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 64px white inset !important; }
  .form input.t, .form select, .form textarea {
    border-radius: 6px;
    background: white;
    font: 400 14px "Open Sans";
    color: black;
    border: 1px solid #2c3691;
    z-index: 1;
    width: 100%;
    letter-spacing: 0; }
    .form input.t::placeholder, .form select::placeholder, .form textarea::placeholder {
      color: black;
      opacity: 0.8; }
  .form.-focus input.t:focus, .form.-focus select:focus, .form.-focus textarea:focus {
    border-color: #dbdcde;
    background: #fbfbfb; }
  .form input.t, .form select {
    padding-top: 1px; }
  .form textarea {
    padding: 6px;
    padding-left: 8px; }
  .form select {
    text-indent: 7px; }
  .form input.t {
    text-indent: 8px; }
  .form input.t, .form select {
    height: 38px; }
  .form.ms input.t, .form.ms select {
    height: 30px;
    font-size: 14px; }
  .form.ms textarea {
    font-size: 14px; }
  .form.xs input.t, .form.xs select {
    height: 34px;
    font-size: 14px; }
  .form.xs textarea {
    font-size: 14px; }
  .form.sm input.t, .form.sm select {
    height: 36px;
    font-size: 14px; }
  .form.sm textarea {
    font-size: 14px; }
  .form.md input.t, .form.md select {
    height: 42px;
    font-size: 15px; }
  .form.md textarea {
    font-size: 15px; }
  .form.xl input.t, .form.xl select {
    height: 46px;
    font-size: 16px; }
  .form.xl textarea {
    font-size: 16px; }
  .form input.t.ms, .form select.ms {
    height: 30px;
    font-size: 14px; }
  .form input.t.xs, .form select.xs {
    height: 34px;
    font-size: 14px; }
  .form input.t.sm, .form select.sm {
    height: 36px;
    font-size: 14px; }
  .form input.t.md, .form select.md {
    height: 42px;
    font-size: 15px; }
  .form input.t.xl, .form select.xl {
    height: 46px;
    font-size: 16px; }
  .form textarea.ms {
    font-size: 14px; }
  .form textarea.xs {
    font-size: 14px; }
  .form textarea.sm {
    font-size: 14px; }
  .form textarea.md {
    font-size: 15px; }
  .form textarea.xl {
    font-size: 16px; }
  .form textarea {
    display: block;
    font-size: 13px; }
    .form textarea.rows {
      margin-left: 0;
      margin-right: 0; }
    .form textarea:not(.rows, .y) {
      height: 80px; }
    .form textarea.y {
      height: calc( var(--h) * 1px ); }
    .form textarea.percent-height {
      min-height: 100%; }
    .form textarea.locked {
      width: 100% !important;
      margin: 0 !important;
      max-width: 100% !important;
      min-width: 100% !important; }
      .form textarea.locked:not(.rows) {
        min-height: 80px; }
        .form textarea.locked:not(.rows).percent-height {
          min-height: 100%; }
    .form textarea.focus-open {
      height: 50px;
      min-height: 50px; }
      .form textarea.focus-open.on {
        height: 80px;
        min-height: 80px; }
  .form input.capitalize {
    text-transform: capitalize; }
  .form input.uppercase {
    text-transform: uppercase; }
  .form input.lowercase {
    text-transform: lowercase; }
  .form .mask-check {
    border: 1px solid #D8D5D1;
    background: #fcfaf8;
    font-size: 18px;
    width: 1em;
    min-width: 1em;
    max-width: 1em;
    height: 1em;
    display: block;
    box-sizing: border-box; }
    .form .mask-check i {
      visibility: hidden;
      transition: .1s;
      opacity: 0;
      color: #484747;
      position: absolute;
      font-size: 10px;
      left: 1.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.t-5 {
      border-color: #2c3691;
      border-radius: 4px;
      background: white; }
      .form .mask-check.t-5.on {
        background: #2c3691; }
      .form .mask-check.t-5 i {
        font-size: 10px;
        left: 3.5px;
        top: 3px;
        color: white; }
  .form .mask-radio input {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0; }
  .form .mask-radio.t-3 span {
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 181, 210, 0.5); }
    .form .mask-radio.t-3 span i {
      color: white;
      font-size: 32px; }
  .form .mask-radio.t-3.on span {
    opacity: 1;
    visibility: visible; }
  .form .mask-radio.t-4 {
    border: 1px solid #2c3691;
    height: 68px;
    border-radius: 6px;
    background: white;
    color: #2c3691; }
    .form .mask-radio.t-4 span {
      transition: .3s;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .form .mask-radio.t-4.on {
      background: #2c3691;
      color: white; }
  .form .f2 {
    margin-bottom: 15px; }
  .form.fb-4 .f2 {
    margin-bottom: 20px; }
  .form.fb-5 .f2 {
    margin-bottom: 25px; }
  .form.fb-6 .f2 {
    margin-bottom: 30px; }
  .form .f2.no-mb,
  .form .f1 > li.f2:last-child {
    margin-bottom: 0; }
  .form .f4 .dropdown {
    display: flex;
    align-items: center;
    justify-content: center; }
  .form .f4 .dropdown {
    z-index: 2;
    position: absolute;
    right: 2px;
    top: 2px;
    background: #fff;
    width: 22px;
    height: calc( 100% - 4px );
    pointer-events: none; }
    .form .f4 .dropdown i {
      color: #2c3691;
      top: 1px; }
  .form .f4 .icon {
    position: absolute;
    color: #797979;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 2px); }
    .form .f4 .icon.end {
      right: 8px; }
    .form .f4 .icon.crop {
      right: 1px;
      top: 1px;
      background: white;
      padding-right: 8px;
      padding-left: 3px; }
      .form .f4 .icon.crop + input {
        padding-right: 25px; }
    .form .f4 .icon i {
      font-size: 16px; }
      .form .f4 .icon i.ss-calendar {
        line-height: 19px;
        font-size: 14px;
        height: 14px; }
      .form .f4 .icon i.ss-mail.ss-standard {
        line-height: 19px;
        font-size: 14px;
        height: 14px; }
      .form .f4 .icon i.ss-phone.ss-pika {
        line-height: 19px;
        font-size: 14px;
        height: 15px; }
      .form .f4 .icon i.ss-gizmo.ss-user {
        line-height: 18px;
        font-size: 16px;
        height: 15px; }
      .form .f4 .icon i.ss-gizmo.ss-mail {
        line-height: 18px;
        font-size: 16px;
        height: 15px; }
      .form .f4 .icon i.ss-standard.ss-mail {
        line-height: 15px;
        font-size: 14px;
        height: 11px; }
    .form .f4 .icon.check .ss-delete {
      font-size: 10px;
      color: #da1e1e;
      top: 3px; }
    .form .f4 .icon.check .ss-check {
      font-size: 11px;
      color: #0e9a3a;
      top: 3px; }
    .form .f4 .icon.black-30 i {
      color: #bbbaba; }
    .form .f4 .icon.sifir i {
      height: 100%; }
    .form .f4 .icon.send {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: calc( 100% - 4px );
      top: 2px;
      right: 0; }
      .form .f4 .icon.send i.ss-pika.ss-search {
        line-height: 20px;
        font-size: 15px;
        height: 16px; }
      .form .f4 .icon.send i.ss-gizmo.ss-search {
        line-height: 19px;
        font-size: 18px;
        height: 14px; }
      .form .f4 .icon.send input {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        z-index: 1; }
      .form .f4 .icon.send i {
        z-index: 0; }
  .form.-f-border-0 .f4 .icon {
    top: 0;
    height: 100%; }
  .form.-f-border-1 .f4 .icon {
    top: 1px;
    height: calc( 100% - 2px ); }
  .form.-f-border-2 .f4 .icon i {
    top: 2px; }
  .form.md .f4 .icon {
    font-size: 18px; }
  .form .f4.h input, .form .f4.h select {
    height: 100%; }
  .form .f4.f-check {
    display: flex;
    align-items: center; }
    .form .f4.f-check label {
      padding-left: 4px;
      font-weight: 300;
      margin: 0 0 0 3px;
      font-size: 14px;
      line-height: 1; }
  .form .f7 {
    font-weigh: 500;
    text-align: center;
    margin-bottom: 45px;
    font-size: 18px;
    color: black; }
  .form label {
    color: black;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    display: block; }
    .form label._w5 {
      font-weight: 500; }
    .form label._w7 {
      font-weight: 700; }
  .form nav.submit input {
    background: #2c3691;
    min-width: 140px;
    padding-right: 25px;
    padding-left: 25px;
    color: white;
    height: 44px;
    border-radius: 25px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase; }
    .form nav.submit input:hover {
      background: #303eb1; }
    .form nav.submit input.t-1 {
      border: 1px solid #2c3691;
      background: white;
      color: #2c3691; }
      .form nav.submit input.t-1:hover {
        border-color: #303eb1;
        background: #d7f4ff;
        color: #1e4554; }
    .form nav.submit input.t-2 {
      background: #00074b; }
      .form nav.submit input.t-2:hover {
        background: #25284c; }

/*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ Navigate  */
/*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ Ua Mobile  */
/*  -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   - 
@ response  */
@media screen and (max-width: 576px) {
  .form.fb-3-xs .f2 {
    margin-bottom: 10px; }
  .form.fb-0-xs .f2 {
    margin-bottom: 15px; }
  .form.fb-4-xs .f2 {
    margin-bottom: 20px; }
  .form.fb-5-xs .f2 {
    margin-bottom: 25px; }
  .form.fb-6-xs .f2 {
    margin-bottom: 30px; } }