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

@font-face {
	font-family: 'Articulat CF';
	font-style: normal;
	font-weight: 300;
	src:	url('../fonts/Articulat/ArticulatCF-Light.eot');
	src:	url('../fonts/Articulat/ArticulatCF-Light.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Articulat/ArticulatCF-Light.woff') format('woff'),
			url('../fonts/Articulat/ArticulatCF-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Articulat CF';
	font-style: normal;
	font-weight: 369;
	src:	url('../fonts/Articulat/ArticulatCF-Normal.eot');
	src:	url('../fonts/Articulat/ArticulatCF-Normal.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Articulat/ArticulatCF-Normal.woff') format('woff'),
			url('../fonts/Articulat/ArticulatCF-Normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Articulat CF';
	font-style: normal;
	font-weight: 400;
	src:	url('../fonts/Articulat/ArticulatCF-Regular.eot');
	src:	url('../fonts/Articulat/ArticulatCF-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Articulat/ArticulatCF-Regular.woff') format('woff'),
			url('../fonts/Articulat/ArticulatCF-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Articulat CF';
	font-style: normal;
	font-weight: 500;
	src:	url('../fonts/Articulat/ArticulatCF-Medium.eot');
	src:	url('../fonts/Articulat/ArticulatCF-Medium.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Articulat/ArticulatCF-Medium.woff') format('woff'),
			url('../fonts/Articulat/ArticulatCF-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Articulat CF';
	font-style: normal;
	font-weight: 600;
	src:	url('../fonts/Articulat/ArticulatCF-DemiBold.eot');
	src:	url('../fonts/Articulat/ArticulatCF-DemiBold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Articulat/ArticulatCF-DemiBold.woff') format('woff'),
			url('../fonts/Articulat/ArticulatCF-DemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Articulat CF';
	font-style: normal;
	font-weight: 700;
	src:	url('../fonts/Articulat/ArticulatCF-Bold.eot');
	src:	url('../fonts/Articulat/ArticulatCF-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Articulat/ArticulatCF-Bold.woff') format('woff'),
			url('../fonts/Articulat/ArticulatCF-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Articulat CF';
	font-style: normal;
	font-weight: 800;
	src:	url('../fonts/Articulat/ArticulatCF-ExtraBold.eot');
	src:	url('../fonts/Articulat/ArticulatCF-ExtraBold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Articulat/ArticulatCF-ExtraBold.woff') format('woff'),
			url('../fonts/Articulat/ArticulatCF-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Articulat CF';
	font-style: normal;
	font-weight: 900;
	src:	url('../fonts/Articulat/ArticulatCF-Heavy.eot');
	src:	url('../fonts/Articulat/ArticulatCF-Heavy.eot?#iefix') format('embedded-opentype'),
			url('../fonts/Articulat/ArticulatCF-Heavy.woff') format('woff'),
			url('../fonts/Articulat/ArticulatCF-Heavy.woff2') format('woff2');
}

/* Bootstrap correction */

.container {
  padding-right: 12px;
  padding-left: 12px;
}

.container p {
	flex: 5 1 auto;
}

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

.container-fluid {
  padding-right: 12px;
  padding-left: 12px;
}

.row {
  margin-right: -12px;
  margin-left: -12px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  padding-right: 12px;
  padding-left: 12px;
}

html {
	/* font-size: 14px; */
}

body {
	background-color: #deadc0de;
	background-color: #dedcde;
	color: #9b9b9b;
	display: flex;
	flex-direction: column;
	font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	/*font-family: "Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";*/
	min-height: 100vh;
}

.h2, h2 {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 2em;
	margin-bottom: 2em;
}

.h3, h3 {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
}

label {
	font-weight: 400;
}

.form-control {
	border: 1px solid #323232;
	border-radius: 0;
	font-size: 14px;
	height: auto;
	line-height: 1.5;
	padding: .5rem .75rem .4rem;
}

.form-control:focus {
	border-color: #111;
	-webkit-box-shadow: inset 0 0 1px #222, 0 0 1px #222;
	box-shadow: inset 0 0 1px #222, 0 0 1px #222;
}

.custom-select {
	border: 1px solid #323232;
	border-radius: 0;
	font-size: 14px;
	height: 36px;
	line-height: 1.5;
	padding: .5rem 1.75rem .4rem .75rem;
}

.custom-select:focus {
	border-color: #111;
	-webkit-box-shadow: inset 0 0 1px #222, 0 0 1px #222;
	box-shadow: inset 0 0 1px #222, 0 0 1px #222;
}

.header, .footer {
	background-color: #323232;
}

.dropdown-menu,
.dropdown-item {
	border: 0 none;
	border-radius: 0;
	margin: 0;
}

.dropdown-menu-right {
	left: auto;
	right: 0;
}

.btn-login {
	border: 0 none;
	border-radius: 0;
	color: #fff;
	letter-spacing: .075em;
	text-align: left;
}

.btn-login:hover {
	background-color: #eee;
	color: #323232;
	text-decoration: none;
}

.navbar-state {
	display: flex;
	font-size: 1.125em;
	justify-content: space-between;
	list-style: none;
	margin: .75em 0 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}

.navbar-state:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	height: 1px;
	left: 0;
	right: 0;
	background-color: #fff;
}

.navbar-state li {
	position: relative;
}

.navbar-state a,
.navbar-state b,
.navbar-state span,
.navbar-state strong {
	background-color: #323232;
	border: 1px solid #fff;
	outline: 2vw solid #323232;
	color: #9b9b9b;
	display: inline-block;
	height: 42px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 42px;
}

.navbar-state li.active,
.navbar-state li.active a,
.navbar-state li.active b,
.navbar-state li.active span,
.navbar-state li.active strong {
	color: #fff;
	font-weight: 700;
}

@media (min-width: 321px) {
	.navbar-state a,
	.navbar-state b,
	.navbar-state span,
	.navbar-state strong {
		outline: 10px solid #323232;
	}
}
@media (min-width: 576px) {
	.navbar-state {
		margin: 2em 0 0;
	}
}

.page {
	background-color: #fff;
	color: #595959;
	flex: 1;
	font-size: 14px;
	padding: 2em 0;
}

.page p {
	line-height: 1.5625;
	margin-bottom: 1.5625em;
}

.page a {
	color: #595959;
	text-decoration: underline;
}

.page a:hover {
	color: #323232;
}

.page a.btn {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.page a.btn:hover {
	color: #323232;
}

.text-extra,
.text-hu,
.text-en {
	display: block;
	line-height: 1.2;
}
.text-hu {
	margin-top: 2px;
}
.text-extra,
.text-en {
	font-size: 14px;
}

.pos-bottom {
	object-position: bottom;
}
.pos-right {
	object-position: right;
}
.pos-left {
	object-position: left;
}
.pos-top {
	object-position: top;
}

.btn-blackened {
	color: #fff;
	background-color: #323232;
	border-color: #323232;
	border-radius: 0;
	margin: 2em 0;
	white-space: normal;
}

.btn-blackened .glyphicon {
	top: 2px;
}

.btn-blackened:hover {
	background-color: transparent;
	color: #323232;
}

.footer {
	font-size: 11px;
	padding: 3em 0;
}

.footer a {
	color: #9b9b9b;
}

footer .container .row div:last-child img {
    height: 20px;
    width: auto;
}

.icon-left {
	display: inline-block;
	width: 2.75em;
	height: 2.75em;
	margin-right: .5em
}

.icon-info {
	background-image: url(../img/icon-info.svg);
}

.icon-earphone {
	background-image: url(../img/icon-earphone.svg);
}

.col-block {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* page-1 */

.event-item {
	align-items: center;
	background-color: #e6e6e6;
	display: flex;
	flex-direction: column;
	margin: 2em 0;
}

.event-info {
	padding: 1em;
	width: 100%;
}

.event-info-main {
	margin-right: 1em;
	margin-bottom: 1em;
}

.event-info-main h3 {
	font-size: 25px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
}

.event-info-main time {
	color: #9b9b9b;
	display: block;
	font-size: 25px;
	font-weight: 400;
/*	font-size: 14px;*/
	line-height: 1;
}

@media (min-width: 576px) {
	.event-item {
		flex-direction: row;
	}
	.event-img {
		width: 50%;
	}
	.event-info {
		width: 50%;
	}
	.event-info-main {
		margin-bottom: 0.25rem;
	}
}

@media (min-width: 768px) {
	.event-img {
		width: 40%;
	}
	.event-info {
		width: 60%;
	}
}

@media (min-width: 992px) {
	.event-img {
		width: 30%;
	}
	.event-info {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 70%;
	}
}

/* page-2 */

.radio,
.checkbox {
	margin: 0;
	min-height: 36px;
	position: relative;
}

.radio input,
.checkbox input {
	display: none;
}

.radio label,
.checkbox label {
	padding-left: 52px;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}

.radio input ~ .box {
	border-radius: 100%;
}

.radio input ~ .box,
.checkbox input ~ .box {
	border: 1px solid #9b9b9b;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	transition: border-color .12s ease-in-out;
	width: 35.6px;
	height: 35.6px;
}

.radio input ~ .box:before,
.checkbox input ~ .box:before {
	background: no-repeat center;
	background-size: 100%;
	content: '';
	display: block;
	opacity: 0;
	transform: scale(.5);
	transition: opacity .12s ease-in-out, transform .12s ease-in-out;
	width: 100%;
	height: 100%;
}

.radio input:checked ~ .box:before,
.checkbox input:checked ~ .box:before {
	opacity: 1;
	transform: scale(1);
}

.radio input:checked ~ .box,
.checkbox input:checked ~ .box {
	border-color: #323232;
}

.radio input ~ .box:before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="-20.5 -20.5 41 41"%3E%3Ccircle fill="%23323232" r="11.5"/%3E%3C/svg%3E');
}

.checkbox input ~ .box:before {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41 41"%3E%3Cpolygon fill="%23323232" points="33.18 14.69 17.97 29.91 7.82 19.75 11.41 16.16 17.97 22.71 29.59 11.1 33.18 14.69"/%3E%3C/svg%3E');
}

svg {
	vertical-align: middle;
}

.btn-login svg {
	vertical-align: text-bottom;
}

.icon {
	background: no-repeat center;
	background-size: 100%;
	display: block;
	margin: 0 auto;
	height: 40px;
	width: 40px;
}

.row-dark {
	padding: 20px;
	background-color: #e6e6e6;
	margin: 40px -20px;
}

.btn-greyed {
	background-color: #595959;
	border-radius: 0;
	border: 1px solid #595959;
	color: #fff;
	min-width: 129px;
	white-space: normal;
}

.btn-greyed:hover {
	background-color: transparent;
	border-color: currentColor;
}

.without-space {
	margin-bottom: 2em;
}

.without-space p {
	margin-bottom: 0;
}

@media (max-width: 567px) {
	.title-divider {
		border-top: 1px solid #595959;
		color: transparent;
		display: block;
		font-size: 0;
		margin: 7px 50px 5px;
	}
}

dl {
	margin-bottom: 0;
}
dt {
	font-size: 14px;
	line-height: 26px;
	margin-top: 10px;
}
dd {
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 16px;
}

.info-main {
	color: #646464;
	margin: 1em 0;
}

.info-main h3 {
	font-size: 25px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
}

.info-main time {
	color: #9b9b9b;
	font-size: 14px;
}

.info-sub p {
	margin-bottom: 1em;
}

.info-details {
	color: #646464;
	font-size: 14px;
}

.ticket-btns input {
	display: none;
}

.btn-ticket {
	align-items: center;
	background-color: #d3d3d3;
	border: 1px solid transparent;
	border-radius: 0;
	display: flex;
	min-height: 142px;
	justify-content: space-between;
	margin-bottom: 30px;
	position: relative;
	text-align: left;
	white-space: normal;
	width: 100%;
	padding-left: 3rem;
	padding-right: 3rem;
}

.ticket-label {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.ticket-data {
	line-height: 120%;
    
}


.ticket-price {
	font-size: 22px;
	font-weight: 600;
	padding: 6px 12px;
	text-transform: uppercase;
	white-space: nowrap;
}

.btn-ticket.active {
	background-color: #323232;
	border-color: transparent;
	color: #fff;
}

.btn-ticket.disabled {
	background-color: #e6e6e6;
}

.btn-ticket.disabled:after {
	content: '';
	position: absolute;
	top: -1px;
	right: -1px;
	display: block;
	width: 94px;
	height: 94px;
}

.btn-ticket.sold-out:after {
	background: url(../img/label-sold-out.svg);
}

.btn-ticket.not-yet:after {
	background: url(../img/label-not-yet.svg);
}

.btn-counters {
	margin: 10px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.btn-counter {
	padding: 5px;
	width: 50%;
}

@media (min-width: 576px) {
	.btn-counter {
		padding: 10px;
		width: 20%;
	}
	.btn-counters {
		margin: 5px;
	}
}

@media (min-width: 768px) {
	.btn-counter {
		padding: 15px;
		width: 10%;
	}
	.btn-counters {
		margin: 0;
	}
}

.btn-counter .btn {
	border: 1px solid #323232;
	border-radius: 0;
	width: 100%;
	padding: 12px 0;
}

.btn-counter input {
	display: none;
}

.btn-counter .active {
	background-color: #323232;
	color: #fff;
}

.ticket-owners .row {
	background-color: #e6e6e6;
	padding-top: .75em;
}

.ticket-owners .row:nth-child(2n) {
	background-color: #fafafa;
}

.dcg {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'DeadCodeGlyphs';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size: 1.75em;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.dcg-logo:before {
	content: "\e000";
}

.dcg-user:before {
	content: "\e001";
}

.dcg-phone:before {
	content: "\e002";
}

.dcg-info:before {
	content: "\e003";
}

.dcg-carret:before {
	content: "\e004";
}

.dcg-arrow:before {
	content: "\e005";
}
/*
.dcg-check:before {
	content: "\e006";
}
.dcg-dot:before {
	content: "\e007";
}
*/
.dcg-cog:before {
	content: "\e008";
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (min-resolution: 120dpi),
only screen and (min-resolution: 1.25dppx) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.25),
only screen and (-o-min-device-pixel-ratio: 9/4),
only screen and (min-resolution: 216dpi),
only screen and (min-resolution: 2.25dppx) {
}

.btn-next-step {
	line-height: 2;
/*	padding-bottom: .2rem;*/
}

.btn-next-step:after {
	border-top: .5rem solid transparent;
	border-left: 1rem solid currentColor;
	border-bottom: .5rem solid transparent;
	content: '';
	display: block;
	float: right;
	height: 0;
	margin: .4rem 0 .2rem .8rem;
	width: 0;
}

.page a.aside-link {
	display: block;
	text-decoration: none;
}

.link-hu {
	display: block;
}

.link-en {
	display: block;
	font-size: 14px;
}

.aside-link.active {
	background-color: #323232;
	color: #fff;
}

@media (max-width: 375px) {
	.sold-out .ticket-label,
	.not-yet .ticket-label {
		margin-right: 2rem;
	}
}

.ticket-label {
	font-size: 25px;
	font-weight: 500;
	line-height: 1;
}

.ticket-price {
	font-size: 30px;
}

@media (max-width: 400px) {
	.btn-ticket {
    padding-left: 1rem;
    padding-right: 1.5rem;
	}
}

@media (max-width: 768px) {
	.btn-ticket {
    padding-left: 1rem;
    padding-right: 2rem;
	}
	.ticket-label {
	  font-size: 20px;
	}
	.ticket-price {
		font-size: 25px;
	}
}

dt {
	font-weight: 400;
}

dd {
	font-weight: 500;
}

.jconfirm-buttons .btn {
	border-radius: 0!important;
}

@media (max-width: 991px) {
	.btn-ticket {
		align-items: start;
		flex-direction: column;
		justify-content: center;
	}

	.ticket-price {
		padding: 0;
	}
}