@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
body {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif; }

.navbar {
  height: 80px; }

section {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 767px) {
    section {
      display: block; } }
  section .off {
    background: #fff;
    min-height: 100vh;
    width: 28.8%; }
    @media (max-width: 1539px) {
      section .off {
        width: 32.0%; } }
    @media (max-width: 1280px) {
      section .off {
        width: 40.0%; } }
    @media (max-width: 991px) {
      section .off {
        width: 50.0%; } }
    @media (max-width: 767px) {
      section .off {
        width: 100.0%;
        min-height: 100%;
        padding-bottom: 40px; } }
    section .off .container-fluid {
      padding-left: 10px;
      padding-right: 10px; }
  section .acc {
    min-height: 100vh;
    background: linear-gradient(180deg, #295dbf, #2475ba 35%, #38a7de);
    width: 71.2%;
    display: flex;
    align-items: center; }
    @media (max-width: 1539px) {
      section .acc {
        width: 68.2%; } }
    @media (max-width: 1280px) {
      section .acc {
        width: 60.0%; } }
    @media (max-width: 991px) {
      section .acc {
        width: 50.0%; } }
    @media (max-width: 767px) {
      section .acc {
        width: 100.0%;
        min-height: 100%;
        padding-top: 10px;
        padding-bottom: 110px; } }
    @media (max-width: 767px) {
      section .acc .lupin {
        width: 100% !important; } }
    section .acc .askhim {
      border-radius: 10px;
      padding: 20px;
      background: rgba(9, 29, 50, 0.54); }
      section .acc .askhim span {
        margin-top: 0;
        font-size: 20px; }
      section .acc .askhim p {
        font-size: 14px;
        margin-top: 5px; }
        section .acc .askhim p a {
          color: white; }
      section .acc .askhim .name {
        padding: 10px 15px;
        font-weight: 600;
        color: white;
        font-size: 14.5px;
        border: 1px solid #fff;
        border-radius: 10px; }
        section .acc .askhim .name:hover {
          background-color: #fff;
          color: #003da5; }
  section .birger h5 {
    color: #003E60;
    font-weight: 900;
    letter-spacing: -0.5px;
    padding-left: 15px; }
  section .birger .bb {
    background: white;
    position: relative; }
    section .birger .bb .first i {
      color: #003da5;
      font-size: 60px; }
    section .birger .bb .first h6 {
      font-weight: 700; }
    section .birger .bb .first p {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.7); }
    section .birger .bb .first .form-group label {
      font-size: 14px;
      font-weight: 600;
      color: #003E60; }
    section .birger .bb .first .form-group input {
      height: 40px;
      border-radius: 6px;
      font-weight: 800; }
      section .birger .bb .first .form-group input:focus {
        border-color: #043FA7;
        box-shadow: none; }
    section .birger .bb .loading {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      z-index: 99999;
      justify-content: center;
      align-items: center;
      display: flex; }
      section .birger .bb .loading .lds-spinner {
        color: official;
        display: inline-block;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        box-shadow: 0px 0px 5px 0px #043FA7;
        background: white; }
      section .birger .bb .loading .lds-spinner div {
        transform-origin: 40px 40px;
        animation: lds-spinner 1.2s linear infinite;
        margin-left: -15px;
        margin-top: -15px; }
      section .birger .bb .loading .lds-spinner div:after {
        content: " ";
        display: block;
        position: absolute;
        top: 22px;
        left: 37px;
        width: 3px;
        height: 10px;
        border-radius: 20%;
        background: #17479E; }
      section .birger .bb .loading .lds-spinner div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -1.1s; }
      section .birger .bb .loading .lds-spinner div:nth-child(2) {
        transform: rotate(30deg);
        animation-delay: -1s; }
      section .birger .bb .loading .lds-spinner div:nth-child(3) {
        transform: rotate(60deg);
        animation-delay: -0.9s; }
      section .birger .bb .loading .lds-spinner div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -0.8s; }
      section .birger .bb .loading .lds-spinner div:nth-child(5) {
        transform: rotate(120deg);
        animation-delay: -0.7s; }
      section .birger .bb .loading .lds-spinner div:nth-child(6) {
        transform: rotate(150deg);
        animation-delay: -0.6s; }
      section .birger .bb .loading .lds-spinner div:nth-child(7) {
        transform: rotate(180deg);
        animation-delay: -0.5s; }
      section .birger .bb .loading .lds-spinner div:nth-child(8) {
        transform: rotate(210deg);
        animation-delay: -0.4s; }
      section .birger .bb .loading .lds-spinner div:nth-child(9) {
        transform: rotate(240deg);
        animation-delay: -0.3s; }
      section .birger .bb .loading .lds-spinner div:nth-child(10) {
        transform: rotate(270deg);
        animation-delay: -0.2s; }
      section .birger .bb .loading .lds-spinner div:nth-child(11) {
        transform: rotate(300deg);
        animation-delay: -0.1s; }
      section .birger .bb .loading .lds-spinner div:nth-child(12) {
        transform: rotate(330deg);
        animation-delay: 0s; }
@keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
    section .birger .bb form {
      padding: 10px 0px;
      max-width: 375px;
      margin: 0 auto; }
      section .birger .bb form .atlas {
        background: white; }
        section .birger .bb form .atlas label {
          font-weight: 500;
          font-size: 13px;
          margin-bottom: 6px;
          color: rgba(0, 0, 0, 0.7); }
        section .birger .bb form .atlas .err {
          color: #a32a2b;
          font-size: 13px;
          display: flex;
          align-items: center;
          margin-top: 6px;
          display: none; }
          section .birger .bb form .atlas .err i {
            margin-right: 7px;
            font-size: 13px;
            color: #a32a2b; }
        section .birger .bb form .atlas .lux {
          display: none; }
        section .birger .bb form .atlas .bobo {
          border: 1px solid #6B87C0;
          padding: 1px;
          border-radius: 9px;
          cursor: text; }
          section .birger .bb form .atlas .bobo .inp {
            display: flex;
            border: 1px solid #6B87C0;
            padding: 6px 18px 6px 18px;
            border-radius: 7px;
            position: relative; }
            section .birger .bb form .atlas .bobo .inp .ih {
              position: absolute;
              color: #17479E;
              padding: 10px 0px;
              font-size: 24px;
              display: none;
              cursor: pointer;
              right: 4px;
              top: -5px; }
            section .birger .bb form .atlas .bobo .inp:focus {
              border: 2px solid #000; }
            section .birger .bb form .atlas .bobo .inp input {
              font-weight: 500;
              font-size: 16px;
              padding: 0;
              width: 15px;
              border: none;
              outline: none;
              color: #17479E; }
              section .birger .bb form .atlas .bobo .inp input:focus {
                box-shadow: none;
                border: none; }
      section .birger .bb form .last {
        display: none; }
      section .birger .bb form .secend label {
        font-weight: 500;
        font-size: 13px;
        margin-bottom: 6px;
        color: rgba(0, 0, 0, 0.7); }
      section .birger .bb form .secend .circles {
        height: 48px;
        background: #fff;
        border-radius: 8px;
        display: flex;
        align-items: center;
        padding-left: 20px;
        position: relative;
        justify-content: center; }
        section .birger .bb form .secend .circles input {
          width: 12px;
          height: 12px;
          border-radius: 100%;
          border: 1px solid #043FA7;
          margin-right: 10px;
          background: white; }
          section .birger .bb form .secend .circles input:focus {
            border: 1px solid #043FA7;
            outline: none; }
        section .birger .bb form .secend .circles .ih {
          position: absolute;
          color: #17479E;
          right: 7px;
          top: 2px;
          font-size: 14px;
          cursor: pointer; }
      section .birger .bb form .secend .clavier {
        width: 100%; }
        section .birger .bb form .secend .clavier .nav {
          width: 100%;
          justify-content: space-between;
          padding: 3px 0px;
          margin-top: 20px; }
          section .birger .bb form .secend .clavier .nav .nav-item {
            width: 18.5%;
            height: 48px;
            background: #F3F6FA;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            font-size: 20px;
            color: #003e60;
            cursor: pointer;
            border-radius: 7px; }
      section .birger .bb form .secend .bim {
        margin-top: 30px; }
        section .birger .bb form .secend .bim .btn {
          height: 56px;
          line-height: 31px;
          border-radius: 5px;
          background: #17479E;
          transition: 0.2s;
          color: white;
          width: 100%;
          font-size: 13px; }
          section .birger .bb form .secend .bim .btn:hover {
            background: #0C2B77; }
          section .birger .bb form .secend .bim .btn[disabled] {
            opacity: 1; }
        section .birger .bb form .secend .bim .nice {
          display: flex;
          align-items: center;
          justify-content: center; }
      section .birger .bb form .bim {
        margin-top: 30px; }
        section .birger .bb form .bim .btn {
          height: 56px;
          border-radius: 5px;
          background: #17479E;
          transition: 0.2s;
          color: white;
          width: 100%;
          font-size: 15px;
          font-weight: 600; }
          section .birger .bb form .bim .btn:hover {
            background: #0C2B77; }
        section .birger .bb form .bim .nice {
          display: flex;
          align-items: center;
          justify-content: center; }
  section .lupin {
    color: white;
    padding-left: 80px; }
    @media (max-width: 991px) {
      section .lupin {
        padding-left: 0;
        padding-top: 40px; } }
    section .lupin h1 {
      font-weight: 700; }
    section .lupin span {
      font-weight: 900;
      font-size: 25px;
      margin-top: 60px;
      display: flex;
      align-items: flex-end; }
    section .lupin p {
      margin-top: 20px; }

.service .container {
  max-width: 1400px; }
.service .kiss {
  border-right: 1px solid #ccc; }
@media (max-width: 767px) {
  .service .liss {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; } }
.service .left {
  padding: 30px; }
  .service .left .mag {
    display: flex;
    align-items: center; }
    .service .left .mag img {
      margin-right: 40px; }
  .service .left p {
    margin-top: 20px; }
  .service .left button {
    height: 58px;
    margin-top: 20px;
    background: white;
    border: 1px solid #043FA7;
    width: 100%;
    color: #043FA7; }

.fotter {
  background: #F6F6FC;
  padding: 30px 0; }
  .fotter .momo {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    width: 100%; }
    .fotter .momo span {
      display: flex;
      padding: 0 20px; }
    @media (max-width: 767px) {
      .fotter .momo {
        margin-bottom: 40px; } }
  .fotter .nav {
    justify-content: center;
    margin-top: 30px; }
    .fotter .nav li {
      font-size: 13px;
      color: rgba(0, 0, 0, 0.6);
      padding: 5px 10px; }

/*# sourceMappingURL=lol.css.map */