@keyframes nav_animation { from { opacity: 0; } to { opacity: 1; } }

html { height: 100%; }
body { height: 100%; background: #f9f9f9; color: #333; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; top:0!important; }
a { color: #d56e68; text-decoration: none; transition: all .5s ease-in-out; }
a:hover, a:active, a:focus { color: #d56e68; }
a:hover, a:active, a:focus, button:hover, button:active, button:focus { outline: 0; text-decoration: none; transition: color .4s, background-color .4s; }

.btn { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 1em; border: 0 none!important; border-radius: 0; }
.btn.btn-primary { background: #d46e6a; color: #fff; }
.btn.btn-default { background: #5c5c5c; color: #fff; }
.btn.btn-primary:hover { background: #aa5855; }

img.content-image { width: 100%; }
img.content-image-right { float: right; margin: 10px 0 10px 1%; max-width: 99%; }

#main_loader { display: none; position: fixed; top: 0; left: 0; bottom:0; right: 0; z-index: 70000; background: rgba(0,0,0,.7) url(/img/page/spinner.gif) no-repeat center center; }
#user_panel { position: fixed; top: 0; z-index: 65000; background: rgba(189,26,26,.7); padding: .2em .8em; color: #fff; }
#user_panel a { text-decoration: none; color: #fff; }
#user_panel a:hover { color: #402d1c; }

#header_main { background: #fff; }

#header_top { padding: .2em 30px .3em 30px; border-bottom: 1px solid #e1e1e1; text-align: center; }
#header_top .left { font-size: 12px; padding-top: .9em; }
#header_top .left strong { font-size: 12px; font-weight: 600; }
#header_top .right { font-size: 14px; }
#header_top .right a { color: #46494a; }
#header_top .right a:hover { color: #d56e68; }

#header_logo_desktop { border-bottom: 1px solid #e1e1e1; text-align: center; padding: 1.2em 0; }
#header_logo_desktop a { margin: 0 .4em; }
#header_logo_desktop a img { transition: opacity .5s ease-in-out; }
#header_logo_desktop a:hover img { opacity: .7; }

#nav_main_desktop { margin: 0; min-height: auto; border: 0 none; background: none;}
#nav_main_desktop .navbar-nav { float:none; margin: 0 auto; display: table; table-layout: fixed; }
#nav_main_desktop a { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 1px; font-style: normal; color: #333c4e; text-transform: uppercase; padding: 12px 15px 15px 15px; border-top: 3px solid #fff; }
#nav_main_desktop a:hover {	color: #d56e68;	border-top-color: #d56e68;	background: none; }

#nav_main_mobile { margin: 0; min-height: auto; border: 0 none; background: none; }
#nav_main_mobile .icon-bar { background-color: #333c4e; }
#nav_main_mobile button { margin-right: 0; border: none; padding-top: 12px;}

#header_logo_mobile { padding: .9em; }
#header_logo_mobile a { margin: 0 .3em; }
#header_logo_mobile a img { transition: opacity .5s ease-in-out; }
#header_logo_mobile a:hover img { opacity: .7; }

#menu-mobile { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 1px; font-style: normal; color: #333c4e; text-transform: uppercase; padding: 12px 15px 15px 15px; }
#menu-mobile a:hover { color: #d56e68; }

#footer_main { padding: 3em 0 3em 0; background: #363839; color: #8c8989; }
#footer_main .logos a img { opacity: .65; margin: 5px; }
#footer_main .logos a img { transition: opacity .5s ease-in-out; }
#footer_main .logos a:hover img { opacity: 1;}
#footer_main a { color: #8c8989; }
#footer_main a:hover { color: #d56e68; }

#nav_footer ul { list-style: none; margin: 0; padding: 0; }
#nav_footer li { display: block; padding: 10px 10px 10px 0; border-bottom: 1px solid #505152; }

#contact_footer h4 { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 1.2em; }
#contact_footer a { color: #8c8989; }
#contact_footer a:hover { color: #d56e68; }

#header_content { background-image: url(/img/pajta/rendezvenypajta-nagy-1.jpg);	background-position: center left; background-repeat: no-repeat; background-origin: border-box; background-size: cover; min-height: 120px; margin-bottom: 1em; }
#header_content .jumbotron { border-radius: 0; padding: 3em 0 3em 0; margin: 0 auto; background: none; }
#header_content h1 { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 1.8em; color: #fff; display: inline; padding: 0.12em 0.4em; font-weight: 600; background: #d56e68; line-height: 1.4em;	box-decoration-break: clone; -webkit-box-decoration-break: clone; }

#content_main { padding-bottom: 2.5em; }
#content_main h2 { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 2em; margin-bottom: .6em; color: #222; margin-top: 1em; }
#content_main h3 { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 1.6em; margin-bottom: .6em; color: #222; margin-top: 1em; }

#pajta_events .event-section { margin: 0 0 2em 0; background: #f0f0f0; }
#pajta_events .date-section-desktop, #pajta_events .date-section-mobile { background: #363839; text-align: center; font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; }
#pajta_events .date-section-desktop.past, #pajta_events .date-section-mobile.past { background: #616364; }
#pajta_events .date-section-mobile { padding: 1em 0; color: #f0f0f0; text-transform: uppercase; }
#pajta_events .date-section-desktop .year { font-size: 1.4em; line-height: 1.1; margin-bottom: .1em; color: #f0f0f0; }
#pajta_events .date-section-desktop .month { font-size: 1.5em; line-height: 1;	text-transform: uppercase; margin-bottom: .1em; color: #d46e6a; }
#pajta_events .date-section-desktop .day { font-size: 3.3em; line-height: .8; text-transform: uppercase; color: #d46e6a; }
#pajta_events .date-section-desktop.past .year { color: #d3d3d3; }
#pajta_events .date-section-desktop.past .month { color: #d3d3d3; }
#pajta_events .date-section-desktop.past .day { color: #d3d3d3; }
#pajta_events .details-section { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding-bottom: 1.5em; }
#pajta_events .details-section h3 {	font-family: 'Montserrat'; font-weight: 600; font-size: 1.4em; margin-bottom: .1em; }
#pajta_events .details-section p { font-size: 1em; margin-bottom: 1.2em; }
#pajta_events .details-section .place {	font-size: .95em; color: #555; }
#pajta_events .details-section .place .meta { white-space: nowrap; }
#pajta_events .details-section .place .meta a { color: #555; }
#pajta_events .details-section .place .meta a:hover { color: #d46e6a; }
#pajta_events .image-section { background-position: center;	background-repeat: no-repeat; background-size: cover; height: 60vw; }

#table_alert_container { position: fixed; top:0; z-index: 4500; width: 100%; }
#table_alert { height: 74px; padding-top: 0; background: #d46e6a; transition: all 0.3s ease; }
#table_alert .left { padding-top: 21px; text-align: left; }
#table_alert .right { padding-top: 20px; text-align: right; }
#table_alert p { font-size: 1em; color: #fff; }
#table_alert .btn-default { background: #fff; color: #333; border: 1px solid #fff; }
#table_alert .btn-default:hover, #table_alert .btn-default:active, #table_alert .btn-default:focus { background: #c4b4a0; color: #fff; border: 1px solid #c4b4a0; outline: 0; }
#table_alert.hidden-alert { height: 0 !important; padding-top: 0 !important; overflow: hidden; background: none; }

#table_alert .btn-primary { background: #333; color: #f9f9f9; }
#table_alert .btn-default { opacity: .9; }

#event_details { padding-top: 1em; margin-left: -15px; margin-right: -15px; margin-bottom: 1.5em; }
#event_details .meta-wrapper { background: #363839; padding: .7em; margin-bottom: 2em; color: #f9f9f9; }
#event_details .meta { white-space: nowrap; }
#event_details .meta a { color: #f9f9f9; }
#event_details .meta i { color: #d46e6a; }
#event_details .meta a:hover { color: #d46e6a; }
#event_details .price-row { white-space: nowrap; }

#event_details .tickets { background: #efefef; padding: .6em 1em; border-left: 5px solid #d56e68; margin: 1.4em 0; }
#event_details .tickets h4 { font-family: Montserrat, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 1em; text-transform: uppercase; }
#event_details .tickets ul { padding-left: 1.3em; }

.map-wrapper { overflow-x: scroll; }

.table .marker { background: #fff; color: #434343; cursor: default; }
.table[data-state="disabled"] .marker { background: #ededed; color: #666; }
.table[data-state="reserved"] .marker { background: #861717; color: #fff; }
.table[data-state="ongoing"] .marker { background: #cdb7b6; color: #fff; }
.table[data-state="distributed"] .marker { color: #cdcdcd; }
.table[data-state="free"] .marker { color: #343434; cursor: pointer; }
.table[data-state="free"] .marker:hover { background: #d46e6a; color: #fff; }
.table[data-state="selected"] .marker{ background: #d46e6a; color: #fff; cursor: pointer; }

.seat .marker { background: #fff; color: #434343; cursor: default; }
.seat[data-state="disabled"] .marker { background: #ededed; color: #666; }
.seat[data-state="reserved"] .marker { background: #861717; color: #fff; }
.seat[data-state="ongoing"] .marker { background: #cdb7b6; color: #fff; }
.seat[data-state="free"] .marker { color: #343434; cursor: pointer; }
.seat[data-state="free"] .marker:hover { background: #d46e6a; color: #fff; }
.seat[data-state="selected"] .marker{ background: #d46e6a; color: #fff; cursor: pointer; }

#pajta_event_reservation_note { width: 100%; height: 109px; resize: vertical; }
#payment_select { background: #ebebeb; padding: .5em 2em 1.5em 2em; }

.tab-payment > li { margin-bottom: .5em; }
.tab-payment > li > a, .tab-payment > li > a:hover, .tab-payment > li > a:active { color: #222; padding: 0;}
.tab-payment > li > a { text-decoration: none; }
.tab-payment > li.active > a { opacity: 1; color: #d46e6a; font-weight: 600;}

.tab-payment > li i.checked { display: none; }
.tab-payment > li i.not-checked { display: inline;  }
.tab-payment > li.active i.checked { display: inline; }
.tab-payment > li.active i.not-checked { display: none;  }

@-webkit-keyframes arrow { 0% { opacity: 0;} 50% { opacity: .5;} 100% { opacity: 1;} }
@-moz-keyframes arrow { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } }
@-o-keyframes arrow { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } }
@keyframes arrow { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } }
@-webkit-keyframes { 0% { left: 20px; } 33% { left: 17px;} 66% { left: 23px;} 100% { left: 20px;} }
@-moz-keyframes dot { 0% { left: 20px; } 33% { left: 17px;} 66% { left: 23px;} 100% { left: 20px;} }
@-o-keyframes dot { 0% { left: 20px; } 33% { left: 17px;} 66% { left: 23px;} 100% { left: 20px;} }
@keyframes dot { 0% { left: 20px; } 33% { left: 17px;} 66% { left: 23px;} 100% { left: 20px;} }

.map-container { position: relative; }
#swipe-icon { display: block; width: 100%; cursor: pointer; cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; position: absolute; left: 0; top: 165px; }
#swipe-icon::after { content: ''; clear: both; display: table; }
#swipe-icon * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-color: #d67068!important; }
#swipe-icon-inner {	display: block;	margin: 0 auto;	width: 156px; background: blue; }
#swipe-icon-inner  div { float: left; }
#swipe-icon-inner > div { width: 50px; }
#swipe-icon-center { position: relative; height: 24px; border: 2px solid; -webkit-border-radius: 12px; border-radius: 12px; margin: 0 3px; }
#swipe-icon-center .dot { position: absolute;	left: 20px;	top: 7px; height: 3px; width: 3px;	border: 3px solid; -webkit-border-radius: 3px; border-radius: 3px; -webkit-animation: dot 1s linear infinite; -moz-animation: dot 1s linear infinite;	animation: dot 1s linear infinite; }
#swipe-icon .arrows { display: block; border-right: 2px solid; border-bottom: 2px solid; margin: 4px 0 0 0; width: 16px; height: 16px; -webkit-animation: arrow 1s infinite; -moz-animation: arrow 1s infinite; animation: arrow 1s infinite; -webkit-animation-direction: alternate;	animation-direction: alternate; }
#swipe-icon-left .arrows { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
#swipe-icon-right .arrows {	-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#swipe-icon .arrow-1 { -webkit-animation-delay: .1s; -moz-animation-delay: .1s;	animation-delay: alternate;	}
#swipe-icon .arrow-2 { -webkit-animation-delay: .2s; -moz-animation-delay: .2s;	animation-delay: .2s; }
#swipe-icon .arrow-3 { -webkit-animation-delay: .3s; -moz-animation-delay: .3s;	animation-delay: .3s; }


@media (min-width: 480px) {
    #table_alert p { font-size: 1.2em; }
}

@media (min-width: 768px) {
	#header_content h1 { margin-left: 25px; }
	#table_alert { margin-left: 15px; }
    #table_alert .left { padding-top: 15px; }
    #table_alert p { margin-left: 10px; }
}

@media (min-width: 992px) { 
	#header_top .left { text-align: left; }
	#header_top .right { text-align: right; }
	#header_content .jumbotron { padding: 6em 0 6em 0; }
	#pajta_events .event-section { height: 230px; }
	#pajta_events .date-section-desktop { height: 100%; padding: 1em; }
	#pajta_events .details-section { height: 100%; padding-left: 1.5em; }
	#pajta_events .image-section { height: 100%; }
    #table_alert .left { padding-top: 25px; }
}

@media (min-width: 1200px) { 
	#pajta_events .event-section { height: 200px; }
	#pajta_events .date-section-desktop { height: 100%; padding: 1.5em; }
    .map-wrapper { overflow-x: hidden; }
	#swipe-icon { display: none; }
}