@font-face {
  font-family: OpenSans-Italic;
  src: url(../fonts/OpenSans-Italic.ttf);
}

@font-face {
  font-family: OpenSans-Regular;
  src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
  font-family: Inter;
  src: url(../fonts/Inter-Regular.ttf);
  font-weight: 400
}
@font-face {
    font-family: 'Futura Cyrillic';
    src: url('../fonts/FuturaCyrillic-Bold.eot');
    src: url('../fonts/FuturaCyrillic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaCyrillic-Bold.woff2') format('woff2'),
        url('../fonts/FuturaCyrillic-Bold.woff') format('woff'),
        url('../fonts/FuturaCyrillic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Cyrillic Demi';
    src: url('../fonts/FuturaCyrillic-Demi.eot');
    src: url('../fonts/FuturaCyrillic-Demi.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaCyrillic-Demi.woff2') format('woff2'),
        url('../fonts/FuturaCyrillic-Demi.woff') format('woff'),
        url('../fonts/FuturaCyrillic-Demi.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Cyrillic Book';
    src: url('../fonts/FuturaCyrillicBook.eot');
    src: url('../fonts/FuturaCyrillicBook.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaCyrillicBook.woff2') format('woff2'),
        url('../fonts/FuturaCyrillicBook.woff') format('woff'),
        url('../fonts/FuturaCyrillicBook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Cyrillic';
    src: url('../fonts/FuturaCyrillicMedium.eot');
    src: url('../fonts/FuturaCyrillicMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaCyrillicMedium.woff2') format('woff2'),
        url('../fonts/FuturaCyrillicMedium.woff') format('woff'),
        url('../fonts/FuturaCyrillicMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Cyrillic';
    src: url('../fonts/FuturaCyrillicLight.eot');
    src: url('../fonts/FuturaCyrillicLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaCyrillicLight.woff2') format('woff2'),
        url('../fonts/FuturaCyrillicLight.woff') format('woff'),
        url('../fonts/FuturaCyrillicLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Cyrillic Extra';
    src: url('../fonts/FuturaCyrillic-ExtraBold.eot');
    src: url('../fonts/FuturaCyrillic-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaCyrillic-ExtraBold.woff2') format('woff2'),
        url('../fonts/FuturaCyrillic-ExtraBold.woff') format('woff'),
        url('../fonts/FuturaCyrillic-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Cyrillic';
    src: url('../fonts/FuturaCyrillicHeavy.eot');
    src: url('../fonts/FuturaCyrillicHeavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaCyrillicHeavy.woff2') format('woff2'),
        url('../fonts/FuturaCyrillicHeavy.woff') format('woff'),
        url('../fonts/FuturaCyrillicHeavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Airstrike Halftone';
    src: url('../fonts/AirstrikeHalftone.eot');
    src: url('../fonts/AirstrikeHalftone.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AirstrikeHalftone.woff2') format('woff2'),
        url('../fonts/AirstrikeHalftone.woff') format('woff'),
        url('AirstrikeHalftone.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: hsl(0deg 0% 100%) hsl(0deg 0% 100%);
}

body,
html {
  overflow-x: hidden;
  font-family: 'Futura Cyrillic';
}
body *{
  -webkit-tap-highlight-color: transparent !important;
}
.md-wrapper .routes-bg {
    height: 100%;
    width: calc(130vw - 30px) !important;
    position: absolute;
    top: 0;
    left: -20px !important;
}
.routes-bg {
    /*display: none !important;*/
}
input[type=submit]{
  outline: none !important;
  border:none !important;
}
.md-wrapper .logout-btn{
  display: none;
}
.close-icon {
    position: absolute;
    right: 0;
    top: 2px;
    width: 19px;
    height: 19px;
}
.close-icon a {
    color: #fff;
    background: #000ef4;
    text-decoration: none;
    line-height: normal;
    display: flex;
    padding: 4px;
    height: 19px;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0;
    font-size: 14px;
}
/* .md-wrapper .routes-bg{
  width: 100% !important;
} */
 img{
  max-width: 100%;
 }
.bodyBackground {
  background-size: cover;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/main-bg-new.png);
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  /* overflow: auto */
}
.white {color: #fff}

.width100 { width: 100% !important;}
.v-hide { display: none !important;}

.bodyOverlay {
  background: hsla(240deg, 12%, 35%, .75);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99
}

/* Dollar window And diamond window styles */

.window {
  width: 126px;
  height: 44px;
  position: relative;
}

.currencyWindow {
  background: url(../images/currencies-window-1.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat
}

.diamondWindow {
  background: url(../images/diamondWindow.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat
}

.window__input {
  width: 50%;
  background: none;
  border: none;
  color: white;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Roboto";
  -moz-appearance: textfield;
  font-size: 18px
}

.window__input:focus {
  outline: none
}

.window__input::placeholder {
  opacity: 1 !important;
  color: white
}

.window p {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%)
}

/* Dollar window And diamond window styles end */

.form-field-error {
  /*color: rgb(243 4 4) !important;*/
  color:white;
  font-size: 15px;
  font-weight: normal;
}

.activeStatus {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 29px
}

.activeStatus__active {
  display: block
}

.activeStatus__green {
  background: #00ff00
}

/* Currency Switch  */

.switch__parent {
  width: 50px;
  height: 20px;
  border-radius: 100px;
  background: #022849;
  cursor: pointer;
  display: flex;
  justify-content: space-between
}

.switch__left .switch__diamond, .switch__right .switch__dollar {
  display: none
}

.switch__left .switch__dollar, .switch__right .switch__diamond {
  padding: 2.5px 5px
}

.switch__parent .switch__child {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: hsl(208deg, 95%, 55%);
  display: flex;
  align-items: center;
  justify-content: center
}


.notifications .notifications-wrapper::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.notifications .notifications-wrapper::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.notifications .notifications-wrapper::-webkit-scrollbar-thumb
{
	background-color: #fff;
	border: 2px solid #fff;
}








@media screen and (max-width: 768px) {
  .bodyBackground {
    overflow-x: hidden;
  }
}

/* Text Classes */
.green {
  color: #23eb23;
}
.red {
  color: red;
}

.bold-me { font-weight: bold;}

.width100 {width: 100%;}




@media(max-width:640px){
  .bodyBackground {
    background-position: center top;
    padding: 0px 15px;
}
}