﻿body .vebko-bg {
  position: fixed;
  z-index: -9999999;
  opacity: 0.1;
  left: 0px;
  top: 0px; }
  @media only screen and (min-width: 481px) {
    body .vebko-bg {
      width: contain; } }
  @media only screen and (min-width: 768px) {
    body .vebko-bg {
      width: max-content; } }
  @media only screen and (min-width: 1024px) {
    body .vebko-bg {
      width: 100%; } }
  @media only screen and (min-width: 1440px) {
    body .vebko-bg {
      width: 100%; } }
  @media only screen and (min-width: 1921px) {
    body .vebko-bg {
      width: 100%; } }

@media only screen and (min-width: 481px) {
  body .RelayAMR {
    margin: 10px; } }

@media only screen and (min-width: 768px) {
  body .RelayAMR {
    margin: 20px; } }

@media only screen and (min-width: 1024px) {
  body .RelayAMR {
    margin: 30px; } }

@media only screen and (min-width: 1440px) {
  body .RelayAMR {
    margin: 50px; } }

@media only screen and (min-width: 1921px) {
  body .RelayAMR {
    margin: 50px; } }

body .RelayAMR h1 {
  direction: ltr;
  text-align: left;
  margin-bottom: 26px;
  font-weight: bold;
  font-family: Tahoma !important;
  color: #0d8786; }

body .RelayAMR .fav {
  /*background-color: rgba(232, 232, 232, 0.51);*/
  border: 1px solid #c4dade;
  height: 100%;
  margin-bottom: 4px; }
  @media only screen and (min-width: 481px) {
    body .RelayAMR .fav img {
      width: 100%; } }
  @media only screen and (min-width: 768px) {
    body .RelayAMR .fav img {
      width: 100%; } }
  @media only screen and (min-width: 1024px) {
    body .RelayAMR .fav {
      display: grid;
      grid-template-columns: 30% 70%;
      padding: 20px; } }
  @media only screen and (min-width: 1440px) {
    body .RelayAMR .fav {
      display: grid;
      grid-template-columns: 50% 50%;
      padding: 20px; } }
  @media only screen and (min-width: 1921px) {
    body .RelayAMR .fav {
      display: grid;
      grid-template-columns: 50% 50%;
      padding: 20px; } }
  body .RelayAMR .fav ul {
    direction: ltr;
    list-style: none;
    line-height: 27px; }
    @media only screen and (min-width: 481px) {
      body .RelayAMR .fav ul {
        font-size: 16px;
        padding: 10px;
        margin: 10px;
        padding-left: 10px;
        padding-top: 0px; } }
    @media only screen and (min-width: 768px) {
      body .RelayAMR .fav ul {
        font-size: 17px;
        padding: 29px;
        margin: 20px;
        padding-left: 53px;
        padding-top: 0px; } }
    @media only screen and (min-width: 1024px) {
      body .RelayAMR .fav ul {
        font-size: 18px;
        padding: 29px;
        margin: 20px;
        padding-left: 53px;
        padding-top: 0px; } }
    @media only screen and (min-width: 1440px) {
      body .RelayAMR .fav ul {
        font-size: 18px;
        padding: 29px;
        margin: 20px;
        padding-left: 53px;
        padding-top: 0px; } }
    @media only screen and (min-width: 1921px) {
      body .RelayAMR .fav ul {
        font-size: 18px;
        padding: 29px;
        margin: 20px;
        padding-left: 53px;
        padding-top: 0px; } }
    body .RelayAMR .fav ul li i {
      color: darkslategrey; }
  body .RelayAMR .fav strong {
    text-align: left;
    display: block;
    color: #064544;
    padding-bottom: 0px; }
    @media only screen and (min-width: 481px) {
      body .RelayAMR .fav strong {
        font-size: 20px;
        padding: 10px;
        margin: 10px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 768px) {
      body .RelayAMR .fav strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 1024px) {
      body .RelayAMR .fav strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 1440px) {
      body .RelayAMR .fav strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 1921px) {
      body .RelayAMR .fav strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        margin-bottom: 0px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    body .RelayAMR .fav strong i {
      float: left;
      margin-right: 6px;
      margin-top: 2px;
      color: mediumvioletred; }
  body .RelayAMR .fav .end {
    /* display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 304px;
                overflow: hidden;
                position: relative;*/ }
    body .RelayAMR .fav .end img {
      width: max-content;
      max-width: 500px; }

body .RelayAMR .rw {
  /* background-color: rgba(232, 232, 232, 0.51);*/
  border: 1px solid #c4dade;
  height: 100%;
  margin-bottom: 4px;
  grid-auto-flow: column; }
  @media only screen and (min-width: 481px) {
    body .RelayAMR .rw img {
      width: 100%; } }
  @media only screen and (min-width: 768px) {
    body .RelayAMR .rw img {
      width: 100%; } }
  @media only screen and (min-width: 1024px) {
    body .RelayAMR .rw {
      padding: 20px; } }
  @media only screen and (min-width: 1440px) {
    body .RelayAMR .rw {
      padding: 20px; } }
  @media only screen and (min-width: 1921px) {
    body .RelayAMR .rw {
      padding: 20px; } }
  body .RelayAMR .rw ul {
    direction: ltr;
    list-style: none;
    line-height: 27px; }
    @media only screen and (min-width: 481px) {
      body .RelayAMR .rw ul {
        font-size: 16px;
        padding: 10px;
        margin: 10px;
        padding-left: 10px;
        padding-top: 0px; } }
    @media only screen and (min-width: 768px) {
      body .RelayAMR .rw ul {
        font-size: 17px;
        padding: 29px;
        margin: 20px;
        padding-left: 53px;
        padding-top: 0px; } }
    @media only screen and (min-width: 1024px) {
      body .RelayAMR .rw ul {
        font-size: 18px;
        padding: 29px;
        margin: 20px;
        padding-left: 53px;
        padding-top: 0px; } }
    @media only screen and (min-width: 1440px) {
      body .RelayAMR .rw ul {
        font-size: 18px;
        padding: 29px;
        margin: 20px;
        padding-left: 53px;
        padding-top: 0px; } }
    @media only screen and (min-width: 1921px) {
      body .RelayAMR .rw ul {
        font-size: 18px;
        padding: 29px;
        margin: 20px;
        padding-left: 53px;
        padding-top: 0px; } }
    body .RelayAMR .rw ul li i {
      color: darkslategrey; }
  body .RelayAMR .rw strong {
    text-align: left;
    display: block;
    color: #064544;
    padding-bottom: 0px; }
    @media only screen and (min-width: 481px) {
      body .RelayAMR .rw strong {
        font-size: 20px;
        padding: 10px;
        margin: 10px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 768px) {
      body .RelayAMR .rw strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 1024px) {
      body .RelayAMR .rw strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 1440px) {
      body .RelayAMR .rw strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 1921px) {
      body .RelayAMR .rw strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        margin-bottom: 0px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    body .RelayAMR .rw strong i {
      float: left;
      margin-right: 6px;
      margin-top: 2px;
      color: mediumvioletred; }
  body .RelayAMR .rw .end {
    /* order:1;*/
    /*display: flex;
                justify-content: center;
                align-items: flex-start;
                width: 100%;
                height: 304px;
                overflow: hidden;
                position: relative;*/ }
    body .RelayAMR .rw .end img {
      width: max-content;
      max-width: 500px; }
  body .RelayAMR .rw .start {
    /*order:0;*/ }

body .RelayAMR .col2 {
  height: 100%;
  margin-bottom: 17px; }
  @media only screen and (min-width: 1440px) {
    body .RelayAMR .col2 {
      display: grid;
      grid-template-columns: auto auto; } }
  @media only screen and (min-width: 1921px) {
    body .RelayAMR .col2 {
      display: grid;
      grid-template-columns: auto auto; } }
  body .RelayAMR .col2 strong {
    text-align: left;
    display: block;
    color: #064544; }
    @media only screen and (min-width: 481px) {
      body .RelayAMR .col2 strong {
        font-size: 20px;
        padding: 10px;
        margin: 10px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 768px) {
      body .RelayAMR .col2 strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 1024px) {
      body .RelayAMR .col2 strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 1440px) {
      body .RelayAMR .col2 strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 1921px) {
      body .RelayAMR .col2 strong {
        font-size: 30px;
        padding: 29px;
        margin: 20px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 10px;
        padding-bottom: 0px; } }
    body .RelayAMR .col2 strong i {
      float: left;
      margin-right: 6px;
      margin-top: 2px;
      color: mediumvioletred; }
  body .RelayAMR .col2 ul {
    direction: ltr;
    list-style: none;
    line-height: 27px; }
    @media only screen and (min-width: 481px) {
      body .RelayAMR .col2 ul {
        padding: 29px;
        margin: 20px;
        margin-top: 10px;
        padding-top: 10px;
        font-size: 16px;
        padding-left: 10px; } }
    @media only screen and (min-width: 768px) {
      body .RelayAMR .col2 ul {
        padding: 29px;
        margin: 20px;
        margin-top: 10px;
        padding-top: 10px;
        font-size: 18px;
        padding-left: 53px; } }
    @media only screen and (min-width: 1024px) {
      body .RelayAMR .col2 ul {
        padding: 29px;
        margin: 20px;
        margin-top: 10px;
        padding-top: 10px;
        font-size: 18px;
        padding-left: 53px; } }
    @media only screen and (min-width: 1440px) {
      body .RelayAMR .col2 ul {
        padding: 29px;
        margin: 20px;
        margin-top: 10px;
        padding-top: 10px;
        font-size: 18px;
        padding-left: 53px; } }
    @media only screen and (min-width: 1921px) {
      body .RelayAMR .col2 ul {
        padding: 29px;
        margin: 20px;
        margin-top: 10px;
        padding-top: 10px;
        font-size: 18px;
        padding-left: 53px; } }
    body .RelayAMR .col2 ul li i {
      color: darkslategrey; }
  body .RelayAMR .col2 .start, body .RelayAMR .col2 .end {
    margin: 5px; }
  body .RelayAMR .col2 .rw1, body .RelayAMR .col2 .rw2 {
    border: 1px solid silver;
    /*border-top: 6px solid #23a4cc;*/
    /*background-color: rgba(232, 232, 232, 0.51);*/ }
  body .RelayAMR .col2 .start {
    display: grid; }
    body .RelayAMR .col2 .start img {
      width: 100%; }
