@font-face {
  font-family: 'M7Sans-Regular';
  src: url("../fonts/M7Sans-Regular.woff") format("woff"), url("../fonts/M7Sans-Regular.woff2") format("woff2"), url("../fonts/M7Sans-Regular.eot"), url("../fonts/M7Sans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/M7Sans-Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SuisseBPIntl-Regular';
  src: url("../fonts/SuisseBPIntl-Regular.woff") format("woff"), url("../fonts/SuisseBPIntl-Regular.woff2") format("woff2"), url("../fonts/SuisseBPIntl-Regular.eot"), url("../fonts/SuisseBPIntl-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SuisseBPIntl-Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SuisseBPIntl-Medium';
  src: url("../fonts/SuisseBPIntl-Medium.woff") format("woff"), url("../fonts/SuisseBPIntl-Medium.woff2") format("woff2"), url("../fonts/SuisseBPIntl-Medium.eot"), url("../fonts/SuisseBPIntl-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SuisseBPIntl-Medium.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h2.weboff {
  color: #000000;
  font-family: 'AkkoForPenny-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h2.weboff span {
  color: #e3000b !important;
}

.container {
  /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  /* Large devices (desktops, 992px and up) */
  /* Extra large devices (large desktops, 1200px and up) */
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (max-width: 575px) {
  .container {
    max-width: 300px;
    padding: 0;
  }
}

.row {
  /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  /* Large devices (desktops, 992px and up) */
  /* Extra large devices (large desktops, 1200px and up) */
}

@media (min-width: 576px) {
  .row {
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media (min-width: 768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (max-width: 575px) {
  .row {
    margin-right: 0px;
    margin-left: 0px;
  }
}

.navbar {
  box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.3);
  z-index: 3;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
}

.navbar.bg-light {
  background-color: #ffffff !important;
}

.navbar.navbar-light .container .navbar-toggler {
  color: black;
  border-color: black;
}

.navbar .container .navbar-toggler {
  margin-top: 20px;
  margin-bottom: 20px;
  /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  /* Large devices (desktops, 992px and up) */
  /* Extra large devices (large desktops, 1200px and up) */
}

@media (min-width: 576px) {
  .navbar .container .navbar-toggler[aria-expanded="false"] {
    margin-bottom: 20px;
  }
  .navbar .container .navbar-toggler[aria-expanded="true"] {
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) {
  .navbar .container .navbar-toggler[aria-expanded="false"] {
    margin-bottom: 20px;
  }
  .navbar .container .navbar-toggler[aria-expanded="true"] {
    margin-bottom: 0px;
  }
}

@media (min-width: 992px) {
  .navbar .container .navbar-toggler {
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .navbar .container .navbar-toggler {
    margin-bottom: 20px;
  }
}

@media (max-width: 950px) {
  .navbar .container .navbar-toggler[aria-expanded="false"] {
    margin-bottom: 20px;
  }
  .navbar .container .navbar-toggler[aria-expanded="true"] {
    margin-bottom: 0px;
  }
}

.navbar .container .navbar-collapse ul.nav {
  /* Small devices (landscape phones, 576px and up) */
  /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  /* Large devices (desktops, 992px and up) */
  /* Extra large devices (large desktops, 1200px and up) */
}

@media (min-width: 576px) {
  .navbar .container .navbar-collapse ul.nav {
    display: block;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .navbar .container .navbar-collapse ul.nav {
    display: block;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .navbar .container .navbar-collapse ul.nav {
    display: flex;
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  .navbar .container .navbar-collapse ul.nav {
    display: flex;
    margin-bottom: 0px;
  }
}

@media (max-width: 950px) {
  .navbar .container .navbar-collapse ul.nav {
    display: block;
    margin-bottom: 20px;
  }
}

.navbar .container .navbar-collapse ul.nav li.nav-item {
  /* Small devices (landscape phones, 576px and up) */
  /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  /* Large devices (desktops, 992px and up) */
  /* Extra large devices (large desktops, 1200px and up) */
}

.navbar .container .navbar-collapse ul.nav li.nav-item a.nav-link {
  font-family: 'SuisseBPIntl-Regular';
  color: #140087;
  font-size: 0.9375em;
  line-height: 70px;
  -webkit-transition: color, 0.4s;
  -moz-transition: color, 0.4s;
  transition: color, 0.4s;
  margin: 0 35px;
  padding: 0;
}

.navbar .container .navbar-collapse ul.nav li.nav-item a.nav-link.active, .navbar .container .navbar-collapse ul.nav li.nav-item a.nav-link:hover, .navbar .container .navbar-collapse ul.nav li.nav-item a.nav-link:focus {
  color: #fb1f03;
}

.navbar .container .navbar-collapse ul.nav li.nav-item a.nav-link.disabled {
  opacity: 0.3;
}

.navbar .container .navbar-collapse ul.nav li.nav-item a.nav-link img {
  position: relative;
  top: -5px;
}

@media (min-width: 576px) {
  .navbar .container .navbar-collapse ul.nav li.nav-item {
    display: block;
  }
  .navbar .container .navbar-collapse ul.nav li.nav-item a.nav-link {
    line-height: 120%;
  }
}

@media (min-width: 768px) {
  .navbar .container .navbar-collapse ul.nav li.nav-item {
    display: block;
  }
  .navbar .container .navbar-collapse ul.nav li.nav-item a.nav-link {
    line-height: 120%;
  }
}

@media (min-width: 992px) {
  .navbar .container .navbar-collapse ul.nav li.nav-item {
    display: list-item;
  }
  .navbar .container .navbar-collapse ul.nav li.nav-item a.nav-link {
    line-height: 70px;
  }
}

@media (min-width: 1200px) {
  .navbar .container .navbar-collapse ul.nav li.nav-item {
    display: list-item;
  }
  .navbar .container .navbar-collapse ul.nav li.nav-item a.nav-link {
    line-height: 70px;
  }
}

@media (max-width: 950px) {
  .navbar .container .navbar-collapse ul.nav li.nav-item {
    display: block;
  }
  .navbar .container .navbar-collapse ul.nav li.nav-item a.nav-link {
    line-height: 120%;
  }
}

section {
  position: relative;
}

section#top {
  background: #f00c0c url(../images/section1_background_desktop.jpg) top center no-repeat;
  background-size: 100% auto;
  position: relative;
  margin-top: 70px;
  z-index: 2;
  /* Small devices (landscape phones, 576px and up) */
  /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  /* Large devices (desktops, 992px and up) */
  /* Extra large devices (large desktops, 1200px and up) */
}

@media (min-width: 576px) {
  section#top {
    height: 246px;
  }
}

@media (min-width: 768px) {
  section#top {
    height: 333px;
  }
}

@media (min-width: 992px) {
  section#top {
    height: 450px;
  }
}

@media (min-width: 1200px) {
  section#top {
    height: 540px;
  }
}

@media (max-width: 575px) {
  section#top {
    height: 145px;
  }
}

section#nyeremenyjatekrol {
  background: #ffed00 url(../images/section2_background_desktop.jpg) top center;
  background-size: cover;
  z-index: 1;
  /* Small devices (landscape phones, 576px and up) */
  /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  /* Large devices (desktops, 992px and up) */
  /* Extra large devices (large desktops, 1200px and up) */
}

@media (min-width: 576px) {
  section#nyeremenyjatekrol {
    height: 246px;
  }
}

@media (min-width: 768px) {
  section#nyeremenyjatekrol {
    height: 333px;
  }
}

@media (min-width: 992px) {
  section#nyeremenyjatekrol {
    height: 450px;
  }
}

@media (min-width: 1200px) {
  section#nyeremenyjatekrol {
    height: 830px;
  }
}

@media (max-width: 575px) {
  section#nyeremenyjatekrol {
    height: 145px;
  }
}

section#regisztracio {
  background: #ffffff url(../images/section3_background_desktop.jpg) top right no-repeat;
  background-size: contain;
  z-index: 1;
  /* Small devices (landscape phones, 576px and up) */
  /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  /* Large devices (desktops, 992px and up) */
  /* Extra large devices (large desktops, 1200px and up) */
}

@media (min-width: 576px) {
  section#regisztracio {
    min-height: 246px;
  }
}

@media (min-width: 768px) {
  section#regisztracio {
    min-height: 333px;
  }
}

@media (min-width: 992px) {
  section#regisztracio {
    min-height: 450px;
  }
}

@media (min-width: 1200px) {
  section#regisztracio {
    min-height: 983px;
  }
}

@media (max-width: 575px) {
  section#regisztracio {
    min-height: 145px;
  }
}

section#nyeremenyek {
  background: #f11c0c url(../images/section4_background_desktop.jpg) top center no-repeat;
  background-size: 100% auto;
  z-index: 1;
  /* Small devices (landscape phones, 576px and up) */
  /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  /* Large devices (desktops, 992px and up) */
  /* Extra large devices (large desktops, 1200px and up) */
}

@media (min-width: 576px) {
  section#nyeremenyek {
    height: 161px;
  }
}

@media (min-width: 768px) {
  section#nyeremenyek {
    height: 670px;
  }
}

@media (min-width: 992px) {
  section#nyeremenyek {
    height: 760px;
  }
}

@media (min-width: 1200px) {
  section#nyeremenyek {
    height: 894px;
  }
}

@media (max-width: 575px) {
  section#nyeremenyek {
    height: 145px;
  }
}

section#nyertesek {
  background: #ff8607;
  z-index: 1;
}

footer {
  background-color: #140087;
}

footer a {
  color: #ffffff;
  font-family: 'SuisseBPIntl-Regular';
  font-size: 0.9375em;
  text-decoration: underline;
}

footer p {
  color: #ffffff;
  font-family: 'SuisseBPIntl-Regular';
  font-size: 0.9375em;
}

p, li:not(.nav-item) {
  font-family: 'SuisseBPIntl-Regular';
  font-size: 1.5625em;
  line-height: normal;
}

#nyeremenyjatekrol li {
  list-style-type: none;
  position: relative;
  font-family: 'SuisseBPIntl-Regular';
  font-size: 1.5625em;
  line-height: normal;
}

#nyeremenyjatekrol li:before {
  content: '-';
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0px;
}

.smal {
  font-size: 0.875em;
}

.red {
  color: #e3000b !important;
}

.darkblue {
  color: #140087 !important;
}

.darkbluebackground {
  background-color: #140087 !important;
}

.error p {
  color: #e3000b !important;
  font-size: 1.5625em;
  font-family: 'AkkoForPenny-Bold';
}

.black {
  color: #000000 !important;
}

.white {
  color: #ffffff !important;
}

h3 {
  font-size: 2.75em;
  font-family: 'M7Sans-Regular';
  text-transform: uppercase;
}

h3.smaller {
  font-size: 2.5em;
}

h4 {
  font-size: 1.5625em;
  font-family: 'M7Sans-Regular';
  text-transform: uppercase;
}

h4.smaller {
  font-size: 1.25em;
}

h1 {
  font-size: 2.4375em;
  font-family: 'AkkoForPenny-Bold';
  text-transform: uppercase;
  color: #e3000b;
}

input[type='text'],
input[type='email'] {
  background-color: #f5f5f5;
  color: #140087;
  font-family: 'SuisseBPIntl-Regular';
  vertical-align: middle;
  font-size: 1.125em;
  line-height: 45px;
  max-height: 45px;
  border: none;
  border-radius: 5px;
  width: 420px;
  padding: 0 15px;
  border: 1px solid #b8b7b7;
}

input[type='text'].error,
input[type='email'].error {
  border: 1px solid #e27d77;
  background: #f8dedc url(../images/incorrect.png) right center no-repeat;
  padding: 0 45px 0 15px;
}

input[type='text'].valid,
input[type='email'].valid {
  border: 1px solid #00c400;
  background: #e8f3e3 url(../images/correct.png) right center no-repeat;
  padding: 0 45px 0 15px;
}

input:focus {
  outline: none;
}

input[type='checkbox'] {
  display: none;
}

label {
  color: #140087;
  line-height: 45px;
  max-height: 45px;
  top: 4px;
  font-family: 'SuisseBPIntl-Regular';
  vertical-align: middle;
  font-size: 1.125em;
}

label.normal {
  line-height: normal;
  max-height: inherit;
  font-size: 0.875em;
  position: relative;
  cursor: pointer;
}

label.normal a {
  color: #140087;
  text-decoration: underline;
}

label.normal span.text {
  position: absolute;
  left: 55px;
  top: 5px;
  width: 300px;
}

input[type="checkbox"] {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
}

input[type="checkbox"] + .outer {
  display: inline-block;
  background: #f5f5f5;
  vertical-align: top;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  position: absolute;
  left: 4px;
  top: 7px;
  border: 1px solid #b8b7b7;
  cursor: pointer;
}

input[type="checkbox"] + .outer.error {
  border: 1px solid #e27d77;
  background: #f8dedc;
}

input[type="checkbox"]:checked + .outer {
  display: inline-block;
  background: #f5f5f5 center center no-repeat url("../images/checkbox_on.png");
  vertical-align: top;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  position: absolute;
  left: 4px;
  top: 7px;
  cursor: pointer;
  border: 1px solid #b8b7b7;
}

input[type="checkbox"]:checked + .outer.error {
  border: 1px solid #b8b7b7;
  background: #f5f5f5 center center no-repeat url("../images/checkbox_on.png");
}

input[type="checkbox"]:checked + .outer.valid {
  border: 1px solid #00c400;
  background: #e8f3e3 center center no-repeat url("../images/checkbox_on.png");
}

.btn-primary.disabled, .btn-primary:disabled {
  cursor: default;
}

.sendform {
  cursor: pointer;
}

.sendform.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}

.modal-content {
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: 0;
  font-size: 70%;
}

.modal-content a {
  text-decoration: underline;
}

.modal-backdrop {
  background-color: #ffffff;
  opacity: 0.75 !important;
}

.modal-dialog {
  max-width: 850px;
}

button.close {
  position: absolute;
  top: 30px;
  right: 40px;
}

div.error {
  color: #ff0000;
  font-family: 'SuisseBPIntl-Regular';
  font-size: 1em;
}

p.small {
  font-size: 0.875em;
}

p.small a {
  color: #ffffff;
  text-decoration: underline;
}

.greenbutton {
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  font-family: 'SuisseBPIntl-Medium';
  font-size: 1.2em;
  line-height: normal;
  background-color: #40be23;
  padding: 10px 38px;
  border-radius: 5px;
}

.greenbutton.small {
  padding: 10px 28px;
}

.greenbutton:hover {
  text-decoration: none;
  color: #ffffff;
}

.greenbutton.disabled {
  background-color: lightgray;
  pointer-events: none;
  cursor: default;
}

ul#footermenu li {
  font-size: 1rem;
}