body {
  font-family: "Roboto", sans-serif;
  background-color: #f9f9f9;
  min-height: 100vh;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 1200px) {
    body {
      padding: 20px; } }
  @media screen and (max-width: 1199px) {
    body {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      min-height: 0; } }
  body.body-hidden {
    overflow: hidden;
    pointer-events: none; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body {
      display: block; } }

i {
  cursor: default; }

a {
  outline: none !important; }

a:hover, a:focus {
  text-decoration: none; }

*:focus {
  outline: none; }

.flex-stretch {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; }

header {
  background-color: #fff;
  z-index: 2;
  padding: 28px 32px;
  display: flex;
  align-items: center;
  box-shadow: 0 12px 55.5px 3.5px rgba(0, 0, 0, 0.14); }
  @media screen and (max-width: 1199px) {
    header {
      flex-direction: column;
      align-items: center;
      justify-content: space-between; } }
  @media screen and (max-width: 1199px) {
    header {
      height: 100%; } }
  @media screen and (max-width: 1199px) {
    header .header-logo {
      display: flex;
      flex-direction: column; } }
  header .header-logo_info {
    text-align: center;
    color: #183158;
    font-family: "NeoSansPro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase; }
    @media screen and (min-width: 1200px) {
      header .header-logo_info {
        display: none; } }
  header .header-info {
    display: flex;
    justify-content: flex-end; }
    @media screen and (min-width: 1200px) {
      header .header-info {
        flex: 1; } }
    @media screen and (max-width: 1199px) {
      header .header-info {
        flex-direction: column;
        align-items: center;
        padding-right: 20px; } }
    @media screen and (min-width: 992px) {
      header .header-info_link {
        margin-left: 15px; } }
    header .header-info_link i {
      font-size: 14px;
      margin: 0 15px;
      color: #183158; }
    header .header-info_link a {
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      font-weight: 900;
      line-height: 27px;
      color: #183158; }
  header .header-swipe {
    position: relative;
    width: 100%; }
    @media screen and (min-width: 1200px) {
      header .header-swipe {
        display: none; } }
    header .header-swipe_drg {
      position: absolute;
      display: flex;
      right: 0;
      bottom: 60px;
      padding: 18px 24px;
      background-color: #2B7EE5;
      border-radius: 5px 0 0 5px;
      font-size: 26px;
      color: #fff;
      cursor: grab;
      cursor: -webkit-grab;
      animation: dragit 5s infinite; }
      header .header-swipe_drg i {
        cursor: grab;
        cursor: -webkit-grab; }
      header .header-swipe_drg:active {
        cursor: -webkit-grab;
        cursor: grabbing; }
        header .header-swipe_drg:active i {
          cursor: -webkit-grab;
          cursor: grabbing; }

@keyframes dragit {
  0% {
    padding-right: 24px; }
  90% {
    padding-right: 24px;
    background-color: #2B7EE5; }
  95% {
    padding-right: 42px;
    background-color: #31bde5; }
  100% {
    padding-right: 24px;
    background-color: #2B7EE5; } }
    header .header-swipe_guide {
      position: absolute;
      display: flex;
      left: 0;
      right: 0;
      top: 0;
      justify-content: flex-end;
      animation: guide 5s infinite; }
      header .header-swipe_guide i {
        display: flex;
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: #3e89e6 url("../img/click.svg") no-repeat center center;
        background-size: 60%; }

@keyframes guide {
  0% {
    right: 0;
    opacity: 0; }
  10% {
    right: 0;
    opacity: 1; }
  40% {
    right: calc(100% - 64px);
    opacity: 0; }
  100% {
    opacity: 0;
    right: 0; } }

main {
  display: flex;
  flex: 1; }
  @media screen and (max-width: 1199px) {
    main {
      flex-direction: column; } }
  main > * {
    width: 100%; }

.main-section {
  max-height: 1200px;
  background-color: #f9fcf1;
  padding: 182px 56px 56px;
  position: relative;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 1199px) {
    .main-section {
      min-height: 100%; } }
  @media screen and (max-width: 1199px) {
    .main-section {
      padding: 42px; } }
  .main-section:hover {
    z-index: 2; }
  .main-section > * {
    z-index: 2; }
  .main-section_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
	background-color:#fff;
    /*filter: grayscale(90%) brightness(60%) contrast(60%) opacity(20%);
    transition: filter .5s;*/ }
    .main-section_bg.odinass {
      background-image: url(../img/bg1el4.png), url(../img/strat.png), url(../img/bg1el2.png), linear-gradient(to top, #72b5c2 0%, #2279e4 0%, #3e89e6 48%, #1dcef4 100%, #1dcef4 100%);
      background-position: center calc(32px + 50%), center center, center 25%, center center;
      background-repeat: no-repeat, repeat, no-repeat, no-repeat;
      background-size: 100%, auto, contain, auto; }
    .main-section_bg.asterisk {
      background-image: url(../img/bg4el4.png), url(../img/strat.png), url(../img/bg4el2.png), linear-gradient(-45deg, #f56756 0%, #f97650 0%, #fb834b 49%, #fe5d03 100%);
      background-position: center calc(50% + 32px), center center, center center, center center;
      background-repeat: no-repeat, repeat, no-repeat, no-repeat;
      background-size: 50%, auto, contain, auto; }
    .main-section_bg.logexpert {
      background-image: url(../img/bg2el4.png), url(../img/strat.png), url(../img/bg2el2.png), linear-gradient(to top, #2279e4 0%, #13a44d 0%, #1ed16e 48%, #1df4e7 100%, #1df4e7 100%);
      background-position: center calc(50% + 20px), center center, center 25%, center center;
      background-repeat: no-repeat, repeat, no-repeat, no-repeat;
      background-size: 82%, auto, contain, auto; }
    .main-section_bg.digital {
      background-image: url(../img/bg3el4.png), url(../img/strat.png), url(../img/bg3el2.png), linear-gradient(to top, #13a44d 0%, #7890ad 0%, #c1d9cc 48%, #e0f0ef 100%, #e0f0ef 100%);
      background-position: calc(50% + 100px) calc(52px + 50%), center center, center 25%, center center;
      background-repeat: no-repeat, repeat, no-repeat, no-repeat;
      background-size: 100%, auto, contain, auto; }
      @media screen and (max-width: 1199px) {
        .main-section_bg.digital {
          background-position: calc(50% + 50px) calc(52px + 50%), center center, center 25%, center center;
          background-size: 140%, auto, contain, auto; } }
      .main-section_bg.digital + .main-section_title {
        color: #183158 !important; }
        .main-section_bg.digital + .main-section_title + .main-section_subtitle {
          color: #183158 !important; }
    @media screen and (max-width: 1199px) {
      .main-section_bg {
        filter: grayscale(0%) brightness(100%) contrast(100%) opacity(100%); } }
    @media screen and (min-width: 1200px) {
      .main-section:hover .main-section_bg {
        filter: grayscale(0%) brightness(100%) contrast(100%) opacity(100%); } }
  .main-section_title {
    color: #183158;
    font-family: "NeoSansPro", sans-serif;
    font-size: 2.5vw;
    font-weight: 700;
    text-transform: uppercase;
    transition: color .6s; }
    @media screen and (max-width: 1199px) {
      .main-section_title {
        font-size: 24px;
        color: #fff; } }
    @media screen and (min-width: 1200px) {
      .main-section:hover .main-section_title {
        color: #fff; } }
  .main-section_subtitle {
    color: #183158;
    font-family: "NeoSansPro", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-transform: uppercase;
    padding-bottom: 38px;
    transition: color .6s; }
    @media screen and (max-width: 1199px) {
      .main-section_subtitle {
        font-size: 14px;
        color: #fff; } }
    @media screen and (min-width: 1200px) {
      .main-section:hover .main-section_subtitle {
        color: #fff; } }
  .main-section_info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden; }
    @media screen and (min-width: 1200px) {
      .main-section_info {
        max-height: 0;
        opacity: 0;
        transition: max-height .6s, opacity .6s; }
        .main-section:hover .main-section_info {
          opacity: 1;
          max-height: 1024px; } }
    .main-section_info_overlay {
      color: #fff;
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      padding: 38px 0;
      position: relative; }
      @media screen and (max-width: 1199px) {
        .main-section_info_overlay {
          color: #000000;
          font-size: 14px;
          display: none; } }
      .main-section_info_overlay:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 56%;
        height: 3px;
        background-color: #fff; }
        @media screen and (max-width: 1199px) {
          .main-section_info_overlay:before {
            background-color: #000000; } }
  .main-section_link {
    display: flex; }
    @media screen and (max-width: 1199px) {
      .main-section_link {
        justify-content: center; } }
    .main-section_link a {
      border: 1px solid #000;
      border-radius: 26px;
      padding: 10px 40px;
      color: #000;
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      font-weight: 700;
      transition: color .6s, border-color .6s, background-color .6s;
      background-color: rgba(255, 255, 255, 0); }
      @media screen and (max-width: 1199px) {
        .main-section_link a {
          color: #fff;
          border-color: #f9fcf1; } }
      @media screen and (min-width: 1200px) {
        .main-section:hover .main-section_link a {
          color: #fff;
          border-color: #f9fcf1; }
        .main-section_link a:hover {
          background-color: white;
          color: #183158 !important; } }
  .main-section_hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .6s; }
    .main-section:hover .main-section_hover {
      opacity: 1; }

.owl-carousel .owl-stage {
  background-color: #e2f2ff; }

.owl-stage-outer,
.owl-stage,
.owl-item,
.owl-item > .main-section {
  height: 100%; }

.owl-carousel .owl-dots {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 2px; }
  .owl-carousel .owl-dots .owl-dot {
    pointer-events: all;
    padding: 2px;
    transition: opacity .4s; }
    .owl-carousel .owl-dots .owl-dot span {
      opacity: .6;
      display: block;
      width: 24px;
      height: 4px;
      border: 1px solid #94989b;
      background-color: #fff;
      transition: opacity .4s, background-color .4s; }
    .owl-carousel .owl-dots .owl-dot.active span {
      background-color: #fff;
      opacity: .8;
      border-color: #72b5c2; }
    .owl-carousel .owl-dots .owl-dot:hover span {
      opacity: 1; }

.owl-carousel .owl-stage-outer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }

.owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden; }
  .owl-nav .owl-prev, .owl-nav .owl-next {
    position: relative; }
    .owl-nav .owl-prev:before, .owl-nav .owl-next:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10;
      background-clip: content-box;
      border: 2px solid #54d5ff;
      animation: pulse 2s infinite;
      pointer-events: none; }

@keyframes pulse {
  0% {
    transform: scale(0.6);
    opacity: .8; }
  80% {
    transform: scale(1);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 0; } }
    .owl-nav .owl-prev i, .owl-nav .owl-next i {
      position: relative;
      display: flex;
      width: 34px;
      height: 68px;
      background-color: rgba(84, 213, 255, 0.8);
      pointer-events: all;
      cursor: pointer;
      border: 6px solid rgba(84, 213, 255, 0.3);
      background-clip: content-box;
      z-index: 20;
      margin: 16px; }
    .owl-nav .owl-prev.disabled, .owl-nav .owl-next.disabled {
      visibility: hidden; }
  .owl-nav .owl-prev:before {
    border-radius: 0 100px 100px 0;
    border-left: 0;
    margin-left: 0;
    transform-origin: left; }
  .owl-nav .owl-prev i {
    border-radius: 0 100px 100px 0;
    border-left: 0;
    margin-left: 0; }
  .owl-nav .owl-next:before {
    border-radius: 100px 0 0 100px;
    border-right: 0;
    margin-right: 0;
    transform-origin: right; }
  .owl-nav .owl-next i {
    border-radius: 100px 0 0 100px;
    border-right: 0;
    margin-right: 0; }