@charset "utf-8";

:root {
  --bgbody: #f0f1f4;
  --blackcl: #000;
  --whitecl: #fff;
  --bluecl: #133c8b;
  --blueclhv: #0d295e;
  --blueclhhv: #1445a0;
  --violetcl: #c7d0e9;
  --violetclh: #9aa5c5;
  --violetclhhv: #5f677e;
  --yellowcl: #fff82e;
  --yellowclh: #ffc107;
  --redcl: #e74c3c;
  --redclh: #c0392b;
  --greencl: #198754;
  --graycl: #4b4b4b;
  --silvercl: #a1a1a1;
  --bwsml: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
  --bwbig: 0px 5px 10px rgba(0, 0, 0, 0.08);
  --bgimage: linear-gradient(320deg, #000, #222, var(--bluecl));
}

@font-face {font-family: 'Fira Sans'; src: url('../fonts/Firasansbook.woff2') format('woff2'), url('../fonts/Firasansbook.woff') format('woff'), url('../fonts/Firasansbook.ttf') format('truetype'); font-style: normal; font-display: fallback;}

@font-face {font-family: 'Fira Sans'; src: url('../fonts/Firasansbookitalic.woff2') format('woff2'), url('../fonts/Firasansbookitalic.woff') format('woff'), url('../fonts/Firasansbookitalic.ttf') format('truetype'); font-style: italic; font-weight: 300; font-display: fallback;}

@font-face {font-family: 'Fira Sans'; src: url('../fonts/Firasanssemibold.woff2') format('woff2'), url('../fonts/Firasanssemibold.woff') format('woff'), url('../fonts/Firasanssemibold.ttf') format('truetype'); font-style: normal; font-weight: 600; font-display: fallback;}

@font-face {font-family: 'Fira Sans'; src: url('../fonts/Firasanssemibolditalic.woff2') format('woff2'), url('../fonts/Firasanssemibolditalic.woff') format('woff'), url('../fonts/Firasanssemibolditalic.ttf') format('truetype'); font-style: italic; font-weight: 600; font-display: fallback;}

@font-face {font-family: 'Fira Sans'; src: url('../fonts/Firasansextrabold.woff2') format('woff2'), url('../fonts/Firasansextrabold.woff') format('woff'), url('../fonts/Firasansextrabold.ttf') format('truetype'); font-style: normal; font-weight: 800; font-display: fallback;}

@font-face {font-family: 'Fira Sans'; src: url('../fonts/Firasansextrabolditalic.woff2') format('woff2'), url('../fonts/Firasansextrabolditalic.woff') format('woff'), url('../fonts/Firasansextrabolditalic.ttf') format('truetype'); font-style: italic; font-weight: 800; font-display: fallback;}

body {font-weight: 400; font-size: 14px; font-family: system-ui, -apple-system, 'Fira Sans', Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; background: var(--bgbody); color: #212529; line-height: 1.5; margin: 0; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow-x: hidden;}

.wrpoverflow {display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); margin: 0 auto;}

.logo {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 470px; background: var(--whitecl); border-radius: 3px; box-shadow: var(--bwbig); padding: 20px;}

.logo .contlg {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
.logo .contlg img {width: 90px; height: 90px;}
.logo .contlg h1 {line-height: 1.2; color: var(--bluecl); font-weight: 800; font-size: 23px; text-align: center; text-transform: uppercase; margin: 10px 0 20px 0;}
.logo > p {color: #7b7b7b; text-align: center; margin: 0 0 10px 0;}
.logo span a {color: #e54f52; text-decoration: underline;}
.logo span a:hover {text-decoration: none;}

.btmzakaz {display: flex; justify-content: center; margin: 20px 0 0 0;}
.btmzakaz a {display: flex; background: var(--bluecl); color: var(--whitecl); font-weight: 600; text-transform: uppercase; text-decoration: none; border-radius: 50rem; border: 5px solid #ececec; box-shadow: 0 0 10px rgba(0, 0, 0, .2) inset; padding: 5px 15px;}
.btmzakaz a:hover {background: var(--blueclhv);}