/* General Styles */

    * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
    html { height: 100%; }
    body { font-family: 'Arial', sans-serif; font-size: 14px; font-weight: 500; position:relative; margin: 0; padding: 0; max-width: 100%; overflow-x: hidden; color: #2A2C32; }

    button, input, select, textarea { font-family: 'Arial', sans-serif;; outline: none; border: none; white-space: normal; padding: 0; }
    button { background: none; cursor: pointer; display: inline-block; }

    .body { max-width: 100vw; overflow-x: hidden; min-height: 100vh; position: relative; min-width: 100vw; }

    .btn { position: relative; cursor: pointer; z-index: 10; }
    .btn-arrow::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; background-image: url("/files/img/misc/btn-arrow-white.svg"); height: 16px; width: 17px; background-size: contain; }
    .btn-main { width: 100%; background: var(--blue-grad); box-shadow: 0 15px 15px -10px rgba(0,0,0,0.27); color: var(--white); font-weight: bold; padding: 32px 20px; font-size: 22px; text-align: center; border-radius: 10px; margin: 0 auto; text-transform: uppercase;  }
    .btn-green { background: var(--green-grad); }
    .btn-form { padding: 0 20px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 18px; }

      /* Animtion */
      .btn[animation="bump"] { animation: animation-bump .5s ease-in-out 0s infinite alternate; }
      @keyframes animation-bump {0% { transform: scale(1);} 100% { transform: scale(1.05);} }

      .btn-arrow[animation="arrow"]:after { animation: btn-arrow-animation-arrow-after .5s ease-in-out 0s infinite alternate; }
      @keyframes btn-arrow-animation-arrow-after {0% { transform: translate(-3px, -50%);} 100% { transform: translate(3px, -50%);} }


    img { max-width: 100%; max-height: 100%; display: block; }
    a { text-decoration: none; }
    p { margin: 0; padding: 0; }
    section { position: relative; max-width: 100vw; overflow: hidden; }

    :root{
      --blue-grad: linear-gradient(222deg, #0071FF 9%, #0012FF 100%);
      --green-grad: linear-gradient(222deg, #00DAA1 9%, #00DF65 100%);
      --black: #2A2C32;
      --black-rgb: 42,44,50;
      --white: #fff;
      --white-rgb: 255,255,255;

    }

  /* Forms */

    form { margin: 0; padding: 0; }

    .fieldholder { position: relative; margin: 0 0 10px 0; }
    select.fieldStyle, input.fieldStyle { font-size: 14px; width: 100%; height: 60px; border: none; outline: none; color: var(--black); -webkit-appearance: none; box-shadow: inset 0 0 0 2px rgb(0 0 0 / 10%); padding: 0 15px; border-radius: 10px; }
    input.fieldStyle:focus ~ .floating-label, input.fieldStyle:not(:focus):valid ~ .floating-label { opacity: 0; }
    .floating-label { font-size: 14px; position: absolute; pointer-events: none; top: 22px; left: 15px; transition: 0.2s ease all; color: rgba(var(--black-rgb),.5); }
    input.fieldStyle[readonly] { background: rgba(var(--black-rgb),0); color: rgba(var(--black-rgb),.5); }
    input.fieldStyle[readonly] ~ .floating-label { display: none; }

    select::-ms-expand { display: none; }
    .fieldHolder[type="select"]::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 14px; height: 8px; background: url("/files/img/basic/select-arrow-black.svg"); z-index: 1; }
    select:invalid, form select [disabled] { color: rgba(var(--black-rgb),.5) }
    select option[disabled], form select option { color: rgba(var(--black-rgb),.5) }

    .fieldHolder label.error { color: red; font-size: 11px; margin: 6px 0 0 15px; display: inline-block; }

    form button[type="submit"][status="disabled"] { background: rgba(var(--black-rgb),.2); box-shadow: none; }
    form button[type="submit"][status="disabled"]::after { display: none; }

    form .lostpwd { text-align: right; font-size: 11px; box-shadow: 0 1px 0 0 rgba(var(--black-rgb),.15); color: rgba(var(--black-rgb),.5); display: inline-block; float: right; margin: 0 0 20px 0; padding: 0 0 2px 0; }

  /* Responsive */

    @media screen and (max-width: 1280px) {

    }

    @media screen and (max-width: 1024px) {

    }

    @media screen and (max-width: 767px) {

    }