@font-face {
  font-family: 'LGSmart';
  src: url("../fonts/LGSmart.eot?#iefix") format("embedded-opentype"), url("../fonts/LGSmart.woff") format("woff"), url("../fonts/LGSmart.ttf") format("truetype"), url("../fonts/LGSmart.svg#LGSmart") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: 'LGSmart-Bold';
  src: url("../fonts/LGSmart-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/LGSmart-Bold.woff") format("woff"), url("../fonts/LGSmart-Bold.ttf") format("truetype"), url("../fonts/LGSmart-Bold.svg#LGSmart-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "LGSmartLight-SemiBold";
  src: url("../fonts/LGSmartSemiBold.eot");
  src: url("../fonts/LGSmartSemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/LGSmartSemiBold.otf") format("opentype"), url("../fonts/LGSmartSemiBold.svg") format("svg"), url("../fonts/LGSmartSemiBold.ttf") format("truetype"), url("../fonts/LGSmartSemiBold.woff") format("woff"), url("../fonts/LGSmartSemiBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}

body {
  font-family: 'LGSmart';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  font-size: 1.05882em;
  color: #000000;
}

h1 {
  font-size: 3.17647em;
  color: #9b002e;
  font-family: 'LGSmart-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}

h2 {
  font-size: 2.05882em;
  font-family: 'LGSmart-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}

h2 span {
  font-family: 'LGSmart';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}

h3 {
  font-size: 1.41176em;
  font-family: 'LGSmart-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}

p.smalltext {
  font-size: 0.76471em;
}

p.bigtext {
  font-size: 1.41176em;
}

p.copyright {
  color: #b2b2b2;
  font-size: 0.88235em;
}

p.error {
  color: #9b002e;
  font-family: 'LGSmart-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}

.red-cta {
  font-size: 1.23529em;
  font-family: 'LGSmart-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  color: #dedfde;
  background-color: #9b002e;
  padding: 10px 25px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
}

.red-cta:hover {
  color: #dedfde;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .red-cta {
    margin: 10px auto;
  }
}

.white-cta {
  font-size: 1.23529em;
  font-family: 'LGSmart-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  color: #9b002e;
  border: 1px solid #9b002e;
  background-color: #ffffff;
  padding: 10px 25px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
}

.white-cta:hover {
  color: #9b002e;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .white-cta {
    margin: 10px auto;
  }
}

.blue-cta {
  font-size: 1.23529em;
  font-family: 'LGSmart-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  color: #dedfde;
  background-color: #0082c6;
  padding: 10px 19px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
}

.blue-cta:hover {
  color: #dedfde;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .blue-cta {
    margin: 10px auto;
  }
}

#myBtn {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Fixed/sticky position */
  bottom: 20px;
  /* Place the button at the bottom of the page */
  right: 30px;
  /* Place the button 30px from the right */
  z-index: 99;
  /* Make sure it does not overlap */
  border: none;
  /* Remove borders */
  outline: none;
  /* Remove outline */
  background-color: #9b002e;
  /* Set a background color */
  color: white;
  /* Text color */
  cursor: pointer;
  /* Add a mouse pointer on hover */
  padding: 15px;
  /* Some padding */
  border-radius: 10px;
  /* Rounded corners */
  font-size: 18px;
  /* Increase font size */
  opacity: 0.5;
}

#myBtn:hover {
  background-color: #9b002e;
  /* Add a dark-grey background on hover */
}

.w-85 {
  width: 85% !important;
}

@media only screen and (max-width: 991px) {
  .w-85 {
    width: 100% !important;
    height: 90px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
  }
}

.font30 {
  font-size: 1.76471em;
}

.semibold {
  font-family: "LGSmartLight-SemiBold";
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}

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

nav .container .navbar-nav .nav-item .nav-link {
  line-height: 38px;
  font-size: 1.05882em;
  font-family: 'LGSmart-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  color: #706f6f;
  -webkit-transition: color, 0.4s;
  -moz-transition: color, 0.4s;
  transition: color, 0.4s;
}

nav .container .navbar-nav .nav-item .nav-link.active, nav .container .navbar-nav .nav-item .nav-link:hover, nav .container .navbar-nav .nav-item .nav-link:focus {
  color: #000000;
}

.white {
  color: #ffffff !important;
}

section#s01 {
  min-height: 457px;
  background: #ffffff url(../images/nyito_fejlec_anim.gif) bottom center no-repeat;
}

@media only screen and (max-width: 575px) {
  section#s01 {
    background: #ffffff url(../images/nyito_fejlec_anim_mobile.gif) bottom center no-repeat;
    padding-bottom: 0px !important;
    background-size: 100%;
  }
}

@media only screen and (min-width: 576px) {
  section#s01 {
    background: #ffffff url(../images/nyito_fejlec_anim_mobile.gif) bottom center no-repeat;
    padding-bottom: 0px !important;
    background-size: 100%;
  }
}

@media only screen and (min-width: 768px) {
  section#s01 {
    background: #ffffff url(../images/nyito_fejlec_anim_mobile.gif) bottom center no-repeat;
    padding-bottom: 0px !important;
    background-size: 100%;
  }
}

@media only screen and (min-width: 992px) {
  section#s01 {
    background: #ffffff url(../images/nyito_fejlec_anim.gifg) bottom center no-repeat;
    padding-bottom: 50px !important;
  }
}

@media (min-width: 1200px) {
  section#s01 {
    background: #ffffff url(../images/nyito_fejlec_anim.gif) bottom center no-repeat;
    padding-bottom: 50px !important;
  }
}

section#s01 h1 {
  padding-top: 50px;
  padding-bottom: 110px;
}

section#s01 h1 span {
  display: block;
  font-family: 'LGSmart-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  color: #000000;
  font-size: 60%;
}

@media only screen and (max-width: 575px) {
  section#s01 h1 {
    font-size: 2.76471em;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) {
  section#s01 h1 {
    font-size: 2.76471em;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  section#s01 h1 {
    font-size: 3.23529em;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 992px) {
  section#s01 h1 {
    font-size: 3.64706em;
    padding-top: 50px;
    padding-bottom: 110px;
  }
}

@media (min-width: 1200px) {
  section#s01 h1 {
    font-size: 4.17647em;
    padding-top: 50px;
    padding-bottom: 110px;
  }
}

section#s01 p {
  font-size: 1em;
  line-height: 110%;
}

section#s01 .lead {
  font-family: 'LGSmart';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  color: #000000;
  font-size: 120%;
}

section#s01 .red {
  font-family: 'LGSmart-Bold';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  color: #881b2a;
}

section#actualwinner {
  background: #9b002e;
}

section#grat {
  color: #9b002e !important;
}

section#s02 {
  min-height: 524px;
  background: #ffffff url(../images/s02_background.jpg) center center no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 575px) {
  section#s02 {
    background: #ffffff url(../images/s02_background_small.jpg) bottom center no-repeat;
    padding-bottom: calc((735/900) * 100vw) !important;
    background-size: 100% auto;
  }
}

@media only screen and (min-width: 576px) {
  section#s02 {
    background: #ffffff url(../images/s02_background_small.jpg) bottom center no-repeat;
    padding-bottom: calc((735/900) * 100vw) !important;
    background-size: 100% auto;
  }
}

@media only screen and (min-width: 768px) {
  section#s02 {
    background: #ffffff url(../images/s02_background_small.jpg) bottom center no-repeat;
    padding-bottom: calc((735/900) * 100vw) !important;
    background-size: 100% auto;
  }
}

@media only screen and (min-width: 992px) {
  section#s02 {
    background: #ffffff url(../images/s02_background.jpg) center center no-repeat;
    padding-bottom: 0px !important;
    min-height: 524px;
    background-size: 100% auto;
  }
}

@media (min-width: 1200px) {
  section#s02 {
    background: #ffffff url(../images/s02_background.jpg) center center no-repeat;
    padding-bottom: 0px !important;
    min-height: 524px;
    background-size: 100% auto;
  }
}

section#s02 .smallprint {
  font-family: 'LGSmart';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  color: #000000;
  font-size: 60%;
}

section#s03 {
  min-height: 687px;
  background: #ffffff;
}

section#s03 a.huto {
  color: #000000;
}

section#s03 a.huto p {
  font-size: 90%;
}

section#s04 {
  min-height: 623px;
  background: #ffffff url(../images/s04_background.jpg) center center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 575px) {
  section#s04 {
    background: #ffffff url(../images/s04_background_small.jpg) bottom center no-repeat;
    padding-bottom: calc((735/900) * 100vw) !important;
    background-size: 100% auto;
  }
}

@media only screen and (min-width: 576px) {
  section#s04 {
    background: #ffffff url(../images/s04_background_small.jpg) bottom center no-repeat;
    padding-bottom: calc((735/900) * 100vw) !important;
    background-size: 100% auto;
  }
}

@media only screen and (min-width: 768px) {
  section#s04 {
    background: #ffffff url(../images/s04_background_small.jpg) bottom center no-repeat;
    padding-bottom: calc((735/900) * 100vw) !important;
    background-size: 100% auto;
  }
}

@media only screen and (min-width: 992px) {
  section#s04 {
    background: #ffffff url(../images/s04_background.jpg) center center no-repeat;
    padding-bottom: 0px !important;
    min-height: 623px;
    background-size: contain;
  }
}

@media (min-width: 1200px) {
  section#s04 {
    background: #ffffff url(../images/s04_background.jpg) center center no-repeat;
    padding-bottom: 0px !important;
    min-height: 623px;
    background-size: contain;
  }
}

section#s04 .smallprint {
  font-family: 'LGSmart';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  color: #000000;
  font-size: 60%;
}

section#s05 {
  min-height: 340px;
  background: #ffffff url(../images/s05_background.jpg) bottom center no-repeat;
}

@media only screen and (max-width: 575px) {
  section#s05 {
    background: #ffffff url(../images/s05_background_small.jpg) bottom center no-repeat;
    padding-bottom: calc((460/900) * 100vw) !important;
    background-size: 100% auto;
  }
}

@media only screen and (min-width: 576px) {
  section#s05 {
    background: #ffffff url(../images/s05_background_small.jpg) bottom center no-repeat;
    padding-bottom: calc((460/900) * 100vw) !important;
    background-size: 100% auto;
  }
}

@media only screen and (min-width: 768px) {
  section#s05 {
    background: #ffffff url(../images/s05_background_small.jpg) bottom center no-repeat;
    padding-bottom: calc((460/900) * 100vw) !important;
    background-size: 100% auto;
  }
}

@media only screen and (min-width: 992px) {
  section#s05 {
    background: #ffffff url(../images/s05_background.jpg) bottom center no-repeat;
    padding-bottom: 0px !important;
    min-height: 340px;
  }
}

@media (min-width: 1200px) {
  section#s05 {
    background: #ffffff url(../images/s05_background.jpg) bottom center no-repeat;
    padding-bottom: 0px !important;
    min-height: 340px;
  }
}

section#s06 {
  background: #9b002e;
}

section#s09 p {
  font-family: 'LGSmart';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  font-size: 1.05882em;
  color: #000000;
}

section#s07 {
  min-height: 800px;
  background: #ffffff url(../images/s07_background.jpg) top center no-repeat;
}

@media only screen and (max-width: 575px) {
  section#s07 {
    background: #ffffff url(../images/s07_background_small.jpg) top center no-repeat;
    padding-bottom: calc((1183/900) * 100vw) !important;
    background-size: 100% auto;
    min-height: 700px;
  }
}

@media only screen and (min-width: 576px) {
  section#s07 {
    background: #ffffff url(../images/s07_background_small.jpg) top center no-repeat;
    padding-bottom: calc((1183/900) * 100vw) !important;
    background-size: 100% auto;
    min-height: 700px;
  }
}

@media only screen and (min-width: 768px) {
  section#s07 {
    background: #ffffff url(../images/s07_background_small.jpg) top center no-repeat;
    padding-bottom: calc((1183/900) * 100vw) !important;
    background-size: 100% auto;
    min-height: 1650px;
  }
}

@media only screen and (min-width: 992px) {
  section#s07 {
    background: #ffffff url(../images/s07_background.jpg) top center no-repeat;
    padding-bottom: 0px !important;
    min-height: 800px;
  }
}

@media (min-width: 1200px) {
  section#s07 {
    background: #ffffff url(../images/s07_background.jpg) top center no-repeat;
    padding-bottom: 0px !important;
    min-height: 800px;
  }
}

section#s10 {
  min-height: 785px;
  background: #ffffff url(../images/s10_background.jpg) top center no-repeat;
}

@media only screen and (max-width: 575px) {
  section#s10 {
    background: #ffffff url(../images/s10_background_small.jpg) top center no-repeat;
    padding-bottom: calc((960/900) * 100vw) !important;
    background-size: 100% auto;
    min-height: inherit;
  }
}

@media only screen and (min-width: 576px) {
  section#s10 {
    background: #ffffff url(../images/s10_background_small.jpg) top center no-repeat;
    padding-bottom: calc((960/900) * 100vw) !important;
    background-size: 100% auto;
    min-height: inherit;
  }
}

@media only screen and (min-width: 768px) {
  section#s10 {
    background: #ffffff url(../images/s10_background_small.jpg) top center no-repeat;
    padding-bottom: calc((960/900) * 100vw) !important;
    background-size: 100% auto;
    min-height: inherit;
  }
}

@media only screen and (min-width: 992px) {
  section#s10 {
    background: #ffffff url(../images/s10_background.jpg) top center no-repeat;
    padding-bottom: 0px !important;
    min-height: 785px;
  }
}

@media (min-width: 1200px) {
  section#s10 {
    background: #ffffff url(../images/s10_background.jpg) top center no-repeat;
    padding-bottom: 0px !important;
    min-height: 785px;
  }
}

section#s11 {
  min-height: 890px;
  background: #ffffff url(../images/s11_background.jpg) top center no-repeat;
}

@media only screen and (max-width: 575px) {
  section#s11 {
    background: #ffffff url(../images/s11_background_small.jpg) top center no-repeat;
    padding-bottom: calc((710/900) * 100vw) !important;
    background-size: 100% auto;
    min-height: inherit;
  }
}

@media only screen and (min-width: 576px) {
  section#s11 {
    background: #ffffff url(../images/s11_background_small.jpg) top center no-repeat;
    padding-bottom: calc((710/900) * 100vw) !important;
    background-size: 100% auto;
    min-height: inherit;
  }
}

@media only screen and (min-width: 768px) {
  section#s11 {
    background: #ffffff url(../images/s11_background_small.jpg) top center no-repeat;
    padding-bottom: calc((710/900) * 100vw) !important;
    background-size: 100% auto;
    min-height: inherit;
  }
}

@media only screen and (min-width: 992px) {
  section#s11 {
    background: #ffffff url(../images/s11_background.jpg) top center no-repeat;
    padding-bottom: 0px !important;
    min-height: 890px;
  }
}

@media (min-width: 1200px) {
  section#s11 {
    background: #ffffff url(../images/s11_background.jpg) top center no-repeat;
    padding-bottom: 0px !important;
    min-height: 890px;
  }
}

section#regisztracio {
  min-height: 650px;
  background: #ffffff url(../images/s01a_background.jpg) bottom center no-repeat;
}

@media only screen and (max-width: 575px) {
  section#regisztracio {
    background: #ffffff url(../images/s01a_background_small.jpg) bottom center no-repeat;
    padding-bottom: 400px;
  }
}

@media only screen and (min-width: 576px) {
  section#regisztracio {
    background: #ffffff url(../images/s01a_background_small.jpg) bottom center no-repeat;
    padding-bottom: 400px;
  }
}

@media only screen and (min-width: 768px) {
  section#regisztracio {
    background: #ffffff url(../images/s01a_background_small.jpg) bottom center no-repeat;
    padding-bottom: 400px;
  }
}

@media only screen and (min-width: 992px) {
  section#regisztracio {
    background: #ffffff url(../images/s01a_background.jpg) bottom center no-repeat;
    padding-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  section#regisztracio {
    background: #ffffff url(../images/s01a_background.jpg) bottom center no-repeat;
    padding-bottom: 50px;
  }
}

section#regisztracio h1 {
  padding-top: 0px;
  padding-bottom: 110px;
}

@media only screen and (max-width: 575px) {
  section#regisztracio h1 {
    font-size: 1.70588em;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) {
  section#regisztracio h1 {
    font-size: 1.70588em;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  section#regisztracio h1 {
    font-size: 2.17647em;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 992px) {
  section#regisztracio h1 {
    font-size: 2.94118em;
    padding-top: 20px;
    padding-bottom: 110px;
  }
}

@media (min-width: 1200px) {
  section#regisztracio h1 {
    font-size: 3.17647em;
    padding-top: 0px;
    padding-bottom: 110px;
  }
}

section#regisztracio2 {
  min-height: 550px;
  background: #ffffff url(../images/s01a_background.jpg) bottom center no-repeat;
}

@media only screen and (max-width: 575px) {
  section#regisztracio2 {
    background: #ffffff url(../images/s01a_background_small.jpg) bottom center no-repeat;
    padding-bottom: 400px;
  }
}

@media only screen and (min-width: 576px) {
  section#regisztracio2 {
    background: #ffffff url(../images/s01a_background_small.jpg) bottom center no-repeat;
    padding-bottom: 400px;
  }
}

@media only screen and (min-width: 768px) {
  section#regisztracio2 {
    background: #ffffff url(../images/s01a_background_small.jpg) bottom center no-repeat;
    padding-bottom: 400px;
  }
}

@media only screen and (min-width: 992px) {
  section#regisztracio2 {
    background: #ffffff url(../images/s01a_background.jpg) bottom center no-repeat;
    padding-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  section#regisztracio2 {
    background: #ffffff url(../images/s01a_background.jpg) bottom center no-repeat;
    padding-bottom: 50px;
  }
}

section#regisztracio2 h1 {
  padding-top: 0px;
  padding-bottom: 110px;
}

@media only screen and (max-width: 575px) {
  section#regisztracio2 h1 {
    font-size: 1.70588em;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) {
  section#regisztracio2 h1 {
    font-size: 1.70588em;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) {
  section#regisztracio2 h1 {
    font-size: 2.17647em;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 992px) {
  section#regisztracio2 h1 {
    font-size: 2.94118em;
    padding-top: 20px;
    padding-bottom: 110px;
  }
}

@media (min-width: 1200px) {
  section#regisztracio2 h1 {
    font-size: 3.17647em;
    padding-top: 0px;
    padding-bottom: 110px;
  }
}

footer {
  background-color: #333333;
}

footer .nav .nav-item .nav-link {
  color: #ffffff;
  -webkit-transition: color, 0.4s;
  -moz-transition: color, 0.4s;
  transition: color, 0.4s;
}

footer .nav .nav-item .nav-link.active, footer .nav .nav-item .nav-link:hover, footer .nav .nav-item .nav-link:focus {
  color: #b2b2b2;
}

form#bekuldes label.szido {
  min-width: 119px;
}

form#bekuldes input,
form#bekuldes select {
  border-color: #6d6e71;
  border-width: 2px;
  border-radius: 5px;
  color: #6d6e71;
  font-family: 'LGSmart';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  font-size: 0.88235em;
  text-align: center;
  line-height: 46px;
  height: 50px;
}

form#bekuldes input.error,
form#bekuldes select.error {
  border-color: #9b002e;
}

form#bekuldes input.vdmyhm,
form#bekuldes select.vdmyhm {
  width: calc(20% - .25rem);
  margin-right: .25rem;
}

form#bekuldes input.vdmyhm:last-child,
form#bekuldes select.vdmyhm:last-child {
  width: 20%;
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  form#bekuldes input.vdmyhm,
  form#bekuldes select.vdmyhm {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0 !important;
  }
}

form#bekuldes input.ic:nth-of-type(1),
form#bekuldes select.ic:nth-of-type(1) {
  margin-right: 3px;
  max-width: calc(132px - 3px);
}

form#bekuldes input.ic:nth-of-type(2),
form#bekuldes select.ic:nth-of-type(2) {
  margin-left: 3px;
  max-width: calc(393px - 3px);
}

@media only screen and (max-width: 767px) {
  form#bekuldes input.ic,
  form#bekuldes select.ic {
    width: 100%;
    max-width: 100% !important;
    margin-left: 0 !important;
  }
}

form#bekuldes input.heacs:nth-of-type(1),
form#bekuldes select.heacs:nth-of-type(1) {
  margin-right: 3px;
  max-width: calc(132px - 4px);
}

form#bekuldes input.heacs:nth-of-type(2),
form#bekuldes select.heacs:nth-of-type(2) {
  margin: 0 3px;
  max-width: calc(132px - 6px);
}

form#bekuldes input.heacs:nth-of-type(3),
form#bekuldes select.heacs:nth-of-type(3) {
  margin: 0 3px;
  max-width: calc(132px - 6px);
}

form#bekuldes input.heacs:nth-of-type(4),
form#bekuldes select.heacs:nth-of-type(4) {
  margin-left: 3px;
  max-width: calc(130px - 3px);
}

@media only screen and (max-width: 767px) {
  form#bekuldes input.heacs,
  form#bekuldes select.heacs {
    width: calc((100% - 10px) / 2);
    max-width: 100% !important;
    display: inline-block;
    margin-left: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  form#bekuldes input.szulido,
  form#bekuldes select.szulido {
    width: calc((100% - 8px) / 3);
    max-width: 100% !important;
    display: inline-block;
    margin-left: 0 !important;
  }
}

form#bekuldes select {
  text-align-last: center;
}

form#bekuldes option.so {
  color: #6d6e71;
  font-family: 'LGSmart';
  font-weight: normal;
  font-style: normal;
  font-display: auto;
  font-size: 0.88235em;
  line-height: 46px;
  height: 50px;
  text-align: center;
}

form#bekuldes input[type=submit] {
  line-height: 36px;
  height: 50px;
  color: #ffffff;
  background-color: #9b002e;
  border: none;
  text-transform: uppercase;
  padding: 0 30px;
}

form#bekuldes input[type=file] {
  line-height: 29px;
}

form#bekuldes input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  form#bekuldes input[type=checkbox] {
    display: inline-block;
    margin-left: 0 !important;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 767px) {
  form#bekuldes input[type=checkbox] + label {
    width: calc(100% - 40px);
    display: inline-block;
    margin-left: 0 !important;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 575px) {
  .modal .modal-dialog {
    max-width: 500px;
  }
}

@media only screen and (min-width: 576px) {
  .modal .modal-dialog {
    max-width: 500px;
  }
}

@media only screen and (min-width: 768px) {
  .modal .modal-dialog {
    max-width: 700px;
  }
}

@media only screen and (min-width: 992px) {
  .modal .modal-dialog {
    max-width: 900px;
  }
}

@media (min-width: 1200px) {
  .modal .modal-dialog {
    max-width: 900px;
  }
}

.modal .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}

.modal .modal-dialog .modal-content .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  z-index: 999999999;
}

.modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}

.modal .modal-dialog .modal-content .modal-body img {
  opacity: 1;
  cursor: pointer;
}