@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHvxk.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVew8.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50Xew8.ttf) format('truetype');
}
html,
body {
  height: 1080px;
  margin: 0px;
  color: #222;
  font-family: 'Lato', sans-serif;
}
.container-fluid {
  padding-right: 45px;
  padding-left: 45px;
}
@media only screen and (max-width: 992px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
h1,
h2,
h3,
h4 {
  color: #a71a6c;
  font-weight: 700;
  font-size: 1.5rem;
}
h1.b {
  font-size: 3.5rem;
}
ul {
  list-style: none;
  /* Remove default bullets */
}
ul li {
  color: #2e2e2d;
  font-size: 18px;
}
ul li:before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #a71a6c;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 2em;
  /* Also needed for space (tweak if needed) */
  margin-left: -2em;
  /* Also needed for space (tweak if needed) */
}
.hide {
  display: none;
}
.show {
  display: block;
}
.color1 {
  color: #a71a6c;
}
.color2 {
  color: #009ee2;
}
.color3 {
  color: #0b52a0;
}
.color4 {
  color: #5d5d5d;
}
.color5 {
  color: #000;
}
.fw-900 {
  font-weight: 900;
}
.fw-700 {
  font-weight: 700;
}
.fs-10 {
  font-size: 10px;
}
.fs-15 {
  font-size: 15px;
}
.fs-20 {
  font-size: 20px;
}
.fs-30 {
  font-size: 30px;
}
.w-100 {
  width: 100%;
}
.logo {
  max-width: 300px;
}
.logo-p {
  max-width: 300px;
  margin-left: auto;
}
.icon-1 {
  margin-left: -20px;
}
.icon-2 {
  max-width: 500px;
}
.icon-3-holder,
.icon-4-holder,
.txt-2 {
  max-width: 50%;
  width: 50%;
}
.txt-2 {
  font-weight: 600;
  line-height: 20px;
}
.checkboxy {
  margin-left: 20px;
}
.box-form {
  border-radius: 20px;
  background-color: #ebebeb;
}
.box-form input {
  border: 0 none;
  font-size: 20px;
  font-weight: 700;
}
.box-form .reg {
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
}
.box-form button {
  border-radius: 50px;
  background-color: #a71a6c;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 5px 50px;
  text-transform: uppercase;
  border: 0 none;
}
.box-form button:hover {
  opacity: 0.8;
  background-color: #a71a6c;
  color: #fff;
  cursor: pointer;
}
.box-form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #222;
  opacity: 1;
  /* Firefox */
}
@media only screen and (min-width: 992px) {
  .icon-2-container {
    margin-top: -100px;
  }
  .icon-2 {
    position: relative;
    max-width: 35%;
    margin-bottom: 25px !important;
    top: 0;
    left: 0;
  }
}
@media only screen and (max-width: 992px) {
  .icon-2-container {
    margin-top: 0;
  }
}
@media only screen and (max-width: 772px) {
  h1,
  h2,
  h3,
  h4 {
    font-size: 1.25rem !important;
  }
  .logo,
  .logo-p {
    max-width: 100%;
  }
  .logo-p {
    max-width: 100%;
  }
  .icon-2 {
    position: relative;
    max-width: 50%;
    top: 0;
    left: 0;
  }
  .icon-3-holder,
  .icon-4-holder,
  .txt-2 {
    max-width: 50%;
    width: 50%;
  }
  .icon-2 {
    max-width: 100% !important;
  }
}
a:hover {
  color: #009ee2;
  text-decoration: none;
}
.holowanie {
  margin-top: 60px;
}
@media only screen and (max-width: 1200px) {
  .holowanie {
    margin-top: 20px !important;
  }
}