@charset "UTF-8";
/*
Dependencies/Reset
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html, body {
  font-feature-settings: "kern" on, "liga" on, "calt" on, "salt";
  -moz-font-feature-settings: "kern" on, "liga" on, "calt" on, "salt";
  -webkit-font-feature-settings: "kern" on, "liga" on, "calt" on, "salt";
  -ms-font-feature-settings: "kern" on, "liga" on, "calt" on, "salt";
  -o-font-feature-settings: "kern" on, "liga" on, "calt" on, "salt";
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased; }

@font-face {
  font-family: 'DINCond';
  src: url("../fonts/subset-DINCond.woff2") format("woff2"), url("../fonts/subset-DINCond.woff") format("woff"), url("../fonts/subset-DINCond.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-UltraLightIt.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-UltraLightIt.woff") format("woff"), url("../fonts/subset-DINNextLTPro-UltraLightIt.ttf") format("truetype");
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: 'DINCond';
  src: url("../fonts/subset-DINCond-Bold.woff2") format("woff2"), url("../fonts/subset-DINCond-Bold.woff") format("woff"), url("../fonts/subset-DINCond-Bold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'DINCond';
  src: url("../fonts/subset-DINCond-Light.woff2") format("woff2"), url("../fonts/subset-DINCond-Light.woff") format("woff"), url("../fonts/subset-DINCond-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-Italic.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-Italic.woff") format("woff"), url("../fonts/subset-DINNextLTPro-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-MediumItalic.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-MediumItalic.woff") format("woff"), url("../fonts/subset-DINNextLTPro-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

/*@font-face {
	font-family: 'DIN Next LT Pro';
	src: url('../fonts/subset-DINNextLTPro-Condensed.woff2') format('woff2'),
		url('../fonts/subset-DINNextLTPro-Condensed.woff') format('woff'),
		url('../fonts/subset-DINNextLTPro-Condensed.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}*/
@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-BoldCondensed.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-BoldCondensed.woff") format("woff"), url("../fonts/subset-DINNextLTPro-BoldCondensed.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-MediumCond.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-MediumCond.woff") format("woff"), url("../fonts/subset-DINNextLTPro-MediumCond.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-Bold.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-Bold.woff") format("woff"), url("../fonts/subset-DINNextLTPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-Black.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-Black.woff") format("woff"), url("../fonts/subset-DINNextLTPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-BoldItalic.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-BoldItalic.woff") format("woff"), url("../fonts/subset-DINNextLTPro-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-HeavyCondensed.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-HeavyCondensed.woff") format("woff"), url("../fonts/subset-DINNextLTPro-HeavyCondensed.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-Regular.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-Regular.woff") format("woff"), url("../fonts/subset-DINNextLTPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-BlackItalic.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-BlackItalic.woff") format("woff"), url("../fonts/subset-DINNextLTPro-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-BlackCondensed.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-BlackCondensed.woff") format("woff"), url("../fonts/subset-DINNextLTPro-BlackCondensed.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-Light.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-Light.woff") format("woff"), url("../fonts/subset-DINNextLTPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-HeavyItalic.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-HeavyItalic.woff") format("woff"), url("../fonts/subset-DINNextLTPro-HeavyItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-LightItalic.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-LightItalic.woff") format("woff"), url("../fonts/subset-DINNextLTPro-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-Medium.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-Medium.woff") format("woff"), url("../fonts/subset-DINNextLTPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-UltraLight.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-UltraLight.woff") format("woff"), url("../fonts/subset-DINNextLTPro-UltraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-UltraLightCond.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-UltraLightCond.woff") format("woff"), url("../fonts/subset-DINNextLTPro-UltraLightCond.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }

/*@font-face {
	font-family: 'DIN Next LT Pro';
	src: url('../fonts/subset-DINNextLTPro-LightCondensed.woff2') format('woff2'),
		url('../fonts/subset-DINNextLTPro-LightCondensed.woff') format('woff'),
		url('../fonts/subset-DINNextLTPro-LightCondensed.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}*/
@font-face {
  font-family: 'DINCond';
  src: url("../fonts/subset-DINCond-Black.woff2") format("woff2"), url("../fonts/subset-DINCond-Black.woff") format("woff"), url("../fonts/subset-DINCond-Black.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("../fonts/subset-DINNextLTPro-Heavy.woff2") format("woff2"), url("../fonts/subset-DINNextLTPro-Heavy.woff") format("woff"), url("../fonts/subset-DINNextLTPro-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'DINCond';
  src: url("../fonts/subset-DINCond-Medium.woff2") format("woff2"), url("../fonts/subset-DINCond-Medium.woff") format("woff"), url("../fonts/subset-DINCond-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

body {
  font-family: "DINCond", sans-serif;
  font-size: 16px; }

.bold {
  font-weight: 700; }

.uc {
  text-transform: uppercase; }

.dark {
  color: #006d87; }

/* header */
header {
  position: relative;
  margin: 0 0 76px 0;
  width: 100%;
  height: 280px;
  background: url("../img/header-bg.svg") no-repeat center bottom;
  background-size: auto 500px;
  font-size: 0; }

header .left h1 {
  position: absolute;
  bottom: 44px;
  left: 50%;
  color: #fff;
  font-family: 'DIN Next LT Pro', sans-serif;
  font-size: 54px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: -5px;
  transform: translateX(-460px); }
  header .left h1 .hide {
    font-size: 0; }
  header .left h1 .small {
    font-family: "DINCond", sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0; }

header .center {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100px;
  height: 140px;
  background: url("../img/nadasdy-logo.svg") no-repeat center center;
  background-size: contain;
  transform: translateX(calc(-50% - 30px)); }

header .right {
  position: absolute;
  bottom: 162px;
  left: 50%;
  color: #fff;
  transform: translateX(50px); }
  header .right .date {
    font-size: 26px; }
  header .right .place {
    font-size: 18px; }

/* main */
main {
  margin: auto;
  width: 840px; }
  main h2 {
    color: #006d87;
    font-size: 20px;
    text-transform: uppercase; }
  main .process {
    margin: 28px 0 0 0;
    background: url("../img/steps.svg") no-repeat center top;
    font-size: 0; }
    main .process .step {
      position: relative;
      vertical-align: top;
      display: inline-block;
      width: 280px;
      text-align: center;
      /*.box {
                position: absolute;
                top: 0;
                z-index: 1;
                width: 21px;
                height: 44px;

                &.start {
                    left: -10px;
                    background: $reg-steps-bg;
                }
                &.end {
                    right: 0;
                    background: #fff;
                }
            }
            &:before,
            &:after {
                content: '';
                position: absolute;
                top: 0;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 22px 0 22px 22px;
            }
            &:before {
                left: -10px;
                z-index: 2;
                border-color: transparent transparent transparent #fff;
            }
            &:after {
                right: 0;
                z-index: 3;
                border-color: transparent transparent transparent $reg-steps-bg;
            }*/ }
      main .process .step .step-no {
        margin: 0 0 24px 0;
        color: #fff;
        font-size: 20px;
        font-weight: 800;
        line-height: 44px; }
      main .process .step .step-label {
        color: #006d87;
        font-size: 18px; }

form {
  margin: 72px 0; }
  form .success {
    margin: 20px 44px;
    border: 1px solid #96CA51;
    padding: 10px;
    background: #dfd;
    color: #447902;
    font-weight: 700; }
  form .row {
    font-size: 0; }
    form .row button {
      border: none;
      margin: 0 44px 0 0;
      width: 124px;
      height: 40px;
      background: #0094bb;
      color: #fff;
      font-family: inherit;
      font-size: 18px;
      text-transform: uppercase;
      line-height: 40px; }
  form .button {
    text-align: right; }
  form .desc {
    margin: 0 44px 20px 44px;
    color: #006d87;
    font-size: 16px;
    line-height: 24px; }
  form .strong {
    margin: 0 44px 0 44px;
    color: #006d87;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px; }
  form .checkbox .field {
    margin: 0 0 16px 0; }
  form .field {
    vertical-align: top;
    display: inline-block; }
    form .field .checkbox {
      vertical-align: top;
      display: inline-block;
      height: 16px;
      margin: 0 16px 0 0; }
      form .field .checkbox label,
      form .field .checkbox input {
        display: inline-block;
        vertical-align: top; }
      form .field .checkbox input {
        width: 16px;
        height: 16px;
        margin: 0 8px 0 0;
        border: 1px solid #a5dcea; }
    form .field .select {
      vertical-align: top;
      display: inline-block; }
    form .field p.error {
      margin: 8px 0 0 0;
      color: red;
      font-size: 16px; }
    form .field label,
    form .field input {
      display: block; }
    form .field label,
    form .field .inline-label {
      margin: 0 0 10px 0;
      color: #006d87;
      font-size: 16px; }
    form .field .inline-label {
      vertical-align: top;
      display: inline-block;
      margin: 0 10px 0 0; }
    form .field input,
    form .field select {
      box-sizing: border-box;
      padding: 0 10px;
      border: 1px solid #a5dcea;
      width: 360px;
      height: 42px;
      color: #006d87;
      font-family: inherit;
      font-size: 20px; }
      form .field input.error,
      form .field select.error {
        border: 1px solid red; }
    form .field.w50 {
      width: 360px; }
    form .field:nth-child(1) {
      margin: 0 15px 20px 44px; }
    form .field:nth-child(2) {
      margin: 0 44px 20px 15px; }

fieldset {
  background: #e6f4f8;
  border: 1px solid #0094bb;
  padding: 32px 0; }
  fieldset legend {
    display: block;
    margin: 0 0 0 32px;
    width: 341px;
    height: 92px;
    background: url("../img/reg-legend-bg.svg") no-repeat center center;
    text-transform: uppercase;
    line-height: 92px; }
    fieldset legend h2 {
      color: #fff;
      font-size: 24px;
      font-weight: 700;
      text-align: center; }

.tickets {
  width: 540px; }
  .tickets h3 {
    color: #0094bb;
    font-weight: 500; }
  .tickets .price {
    float: right;
    clear: right;
    color: #006d87;
    text-align: right;
    text-transform: none; }

h3 {
  margin: 20px 0 40px 0;
  color: #006d87;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase; }

dl {
  overflow: hidden;
  float: none;
  clear: both;
  color: #006d87;
  font-size: 16px;
  line-height: 24px; }
  dl dt,
  dl dd {
    float: left; }
  dl dt {
    clear: left;
    width: 70px; }
    dl dt.hide {
      height: 24px; }
    dl dt.last {
      margin: 0 0 60px 0; }
  dl dd {
    clear: right; }

.top60 {
  margin: 60px 0 20px 0; }

.info p {
  margin: 0 0 24px 0;
  color: #006d87;
  line-height: 24px; }

.banner {
  box-sizing: border-box;
  margin: 32px 0;
  padding: 0 20px;
  width: 100%;
  height: 60px;
  background: #00a8a0;
  /* Old browsers */
  background: -webkit-linear-gradient(left, #00a8a0 0%, #005957 33%, #006e85 66%, #0094bb 100%);
  background: -moz-linear-gradient(left, #00a8a0 0%, #005957 33%, #006e85 66%, #0094bb 100%);
  background: -o-linear-gradient(left, #00a8a0 0%, #005957 33%, #006e85 66%, #0094bb 100%);
  background: linear-gradient(to right, #00a8a0 0%, #005957 33%, #006e85 66%, #0094bb 100%);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8a0', endColorstr='#0094bb',GradientType=1 );
  color: #fff;
  font-size: 22px;
  line-height: 60px;
  text-transform: uppercase; }
  .banner .bold {
    font-weight: 700; }

li {
  padding: 0 10px 0 0;
  color: #006d87;
  line-height: 32px; }

ul > li {
  position: relative;
  padding: 0 0 0 20px; }
  ul > li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #003d3c; }

li ul,
li ol {
  margin: 0 0 0 30px; }

li ul li {
  list-style: none;
  line-height: 24px; }
  li ul li:before {
    content: '—';
    position: static;
    border: none;
    margin: 0 10px 0 0; }

li ol li {
  line-height: 24px; }

ol li {
  margin: 0 0 0 20px;
  list-style: decimal; }

/* footer */
footer {
  margin: 154px 0 0 0;
  width: 100%;
  height: 320px;
  background: url("../img/footer-bg.svg") no-repeat center top;
  background-size: auto 320px; }

footer .content {
  margin: auto;
  width: 840px;
  font-size: 0; }

footer .left,
footer .right {
  vertical-align: top;
  display: inline-block;
  font-size: 18px; }

footer .left {
  width: 304px;
  padding: 24px 0 0 0;
  color: #fff; }

footer .right {
  width: 472px;
  margin: 0 0 0 64px;
  padding: 24px 0 0 0;
  color: #006d87; }

footer .ita,
footer .perseus,
footer .nka {
  display: inline-block;
  font-size: 0;
  margin: 1rem 1rem 0 0;
  width: 140px;
  height: 100px; }

footer .ita {
  background: url("../img/ita-logo.svg") no-repeat center center;
  background-size: contain; }

footer .perseus {
  background: url("../img/perseus-logo.svg") no-repeat center center;
  background-size: contain; }

footer .nka {
  background: url("../img/nka-logo.svg") no-repeat center center;
  background-size: contain; }

footer .light {
  font-weight: 500; }

footer .row {
  margin: 0 0 28px 0; }

footer p {
  line-height: 24px; }