@import url('https://fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
  font-family: "MaziusRegular";
  src: url("/fonts/MaziusDisplay-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "MaziusBold";
  src: url("/fonts/MaziusDisplay-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "MaziusItalic";
  src: url("/fonts/MaziusDisplay-Extraitalic.woff2") format("woff2");
}

body {
  background-color:#000;
  background-image: url("/img/bg.jpg");
  background-size:cover;
  background-position: top center;
  background-attachment:fixed;
  line-height:1.2em;
  font-size: 16px;
  font-family: MaziusRegular, Caudex;
  font-weight:400;
}

div.white-panel select.form-select, div.white-panel select.form-select option, div.white-panel input.form-control { border-radius:4px; border: 1px solid #131313; }

header {
  border-bottom: 1px solid #fff;
  background-color:transparent;
}

header .navbar .container {
  max-width:1200px;
  text-align:left;
  display:block!important;  
}

header .navbar .container .logo {
  width:300px;
  margin: 20px 0;
  display:inline-block;
}

.text-white { color:#fff; }
.white-panel { display:block; background-color:#fff; padding: 10px 30px 50px 30px; }

h1 { font-size: 48px; line-height:1.4em; margin-top:40px; margin-bottom:50px; font-weight:700; text-transform: uppercase;  font-family: MaziusBold, Caudex;} 
h2 { font-size: 20px; line-height:1.4em; margin-bottom:50px; font-weight:700; font-family: MaziusBold, Caudex; }

h4 { padding-left:10px; padding-top:50px; font-size:25px; font-family: MaziusBold, Caudex; }
.white-panel div label { padding-left:10px; margin-bottom:5px; }
.white-panel div label span { color:#A5006470; }
.white-panel p { padding-left:10px; }
.white-panel p.italic { padding-left:10px; font-size:18px; font-style:italic; font-family: MaziusItalic, Caudex; }
.white-panel p.italic-small { padding-left:10px; font-size:14px; font-style:italic; margin-bottom:5px; font-family: MaziusItalic, Caudex; }
.white-panel textarea { padding:10px; border-radius:4px; border: 1px solid #131313;  }

div.form-check {
  display: inline-block;
  padding:5px 10px 5px 10px;
  margin-bottom:8px;
  box-shadow: 0px 1px 2px 0px #A5006470;
  border-radius:5px;
  margin-right: 15px;
}
div.form-check input.form-check-input { margin-left:0px; margin-top:1px;}
div.form-check input.form-check-input:checked { background-color:#A50064 !important; border:none; }

.submit-button { display:block; width:270px; height:85px; background: url("/img/wyslij.svg") no-repeat; border:0;}