.wf-loading {
    display: none;
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 1000;
    box-shadow: -2px 0 2px rgba(0,0,0,.1);
}

@media only screen and (max-width: 991px) {
    #oj-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
        z-index: 1000;
        box-shadow: -2px 0 2px rgba(0,0,0,.1);
    }
    .content {
        padding-top: 90px;
    }
    .highlight {
        width: 80%;
    }
}

.logo{
    display:none;
}

.sticky .logo{
    display: block;
    position: absolute;
    width: 120px;
    left: 120px;
    height: 120px;
    cursor: pointer;
}

.logo img{
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 991px){
    .sticky .logo{
        display: block;
        position: absolute;
        width: 60px;
        left: 30px;
        height: 60px;
        cursor: pointer;
        top: 8px;
    }
    
    .logo img{
    
    } 
}

.sticky + .tab-content {
    padding-top: 66px;
}

body {
    font-family: 'Roboto', Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #414143;
    background: #fff;
    transition: background-color .2s ease-in-out;
}

p, a {
    font-size: 14px;
}

body a{
    color: #d73e2a;
}

.mt-4{
    margin-top: 40px;
}

.btn {
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color .3s ease-in-out;
}

.btn[disabled],
.btn[disabled]:hover {
    border-color: #ddd;
    background-color: #eee;
    color: #aaa;
}



    .btn span {
        padding-left: 7px;
    }

/*blue button*/
.btn-primary {
    border: 2px solid #d73e2a;
    background-color: transparent;
    color: #d73e2a;
}

.btn-primary.focus, .btn-primary:focus,
.btn-primary:hover {
    background-color:#eee;
    border-color:#d73e2a;
    color: #d73e2a;
}

.btn-secondary {
    background-color: #86c440;
    color: #fff;
    font-size: 14px;
}

.text-bigger {font-size: 16px; font-weight: bold}

@media only screen and (max-width: 999px) {
    /* 1000px-től az tixa modal-t dob föl, az alatt viszont javascript-el rosszul méretezi az iframe-et jegyvásárlás közben */
    /* alap helyzet */
    iframe#tixa-ticket-sale{
        min-height: 350px!important;
    }
    
    /* regisztációs form / vásárlási folyamat */
    iframe#tixa-ticket-sale.is-modal-open{
        min-height: 850px!important;
    }
}

.megabanner{
    -webkit-transform: translateZ(0);-webkit-overflow-scrolling: touch;display:block;height:100%;width:100%;position:fixed;left:0;top:0;z-index:0;background-repeat:no-repeat;background-position:center top;
}
.carousel {
    margin-top: 2em;
}

#oj-event .carousel-inner img {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        height: 600px;
        max-height: 600px;
        min-height: 600px;
    }

    .carousel-indicators {
        bottom: -5px;
    }

.oj-countdown{
    margin: 1em 0;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
}

    .oj-countdown b {
        color:#d73e2a;
    }


#oj-menu {
    padding: 1em 0;
    text-align: center;
}

    #oj-menu > .nav-tabs > .dropdown > .dropdown-content {
        display: none;
        padding: 0;
        position: absolute;
        background-color: #fff;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

        #oj-menu > .nav-tabs > .dropdown > .dropdown-content li > a {
            float: none;
            color: #d73e2a;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
        }

        #oj-menu > .nav-tabs > .dropdown > .dropdown-content li > a:hover {
            color:#d73e2a;
            text-decoration: none;
        }

        #oj-menu > .nav-tabs > .dropdown > .dropdown-content li.active > a,
        #oj-menu > .nav-tabs > .dropdown > .dropdown-content li.active > a:hover,
        #oj-menu > .nav-tabs > .dropdown > .dropdown-content li.active > a:focus {
            background-color: transparent;
            border: 0;
            color: #261b68;
        }

        #oj-menu > .nav-tabs > .dropdown > .dropdown-content li.highlight > a {
            color: #d73e2a;
            background-color:transparent;
            border: 2px solid #d73e2a;
            border-radius: 3px;
        }

        #oj-menu > .nav-tabs > .dropdown > .dropdown-content li.highlight > a:hover {
            background-color: #eee;
        }

        #oj-menu > .nav-tabs > .dropdown > .dropdown-content li.highlight.active > a {
            color: #261b68;
            background-color:transparent;
            border-color:transparent;
        }

        #oj-menu > .nav-tabs > .dropdown > .dropdown-content li a:hover {
            background-color: #eee;
        }

@media only screen and (min-width: 992px) {
    #oj-menu > .nav-tabs > .dropdown:hover > .dropdown-content {
        display: block;
    }    
}

@media only screen and (max-width: 991px) {
    #oj-menu > .nav-tabs > .dropdown > .dropdown-content.show-dropdown {
        display: block;
    }

    #oj-menu > .nav-tabs > .dropdown > .dropdown-content {
        position: relative;
        box-shadow: none;
        background-color: transparent;
        z-index: 0;
    }

    #oj-menu > .nav-tabs > .dropdown > .dropdown-content li > a {
        padding: 6px 16px;
        text-align: center;
    }

    .nav-tabs > li.dropdown:hover{
        background-color: #f5f5f5!important;
    }

}

#oj-vote-menu a.category_filter{
    border: 2px solid #5a5a5a;
    background-color: transparent;
    color: #5a5a5a;
    line-height: 1.8;
    /* text-transform: uppercase; */
    margin: 4px;
    font-weight: bold;
}


#oj-vote-menu a.category_filter:hover{
    text-decoration: none;
    border: 2px solid #5a5a5a;
    background-color: #eee;
}

#oj-vote-menu a.category_filter.active{
    text-decoration: none;
    border: 2px solid #5a5a5a;
    background-color: #5a5a5a;
    color: white;
}


.hambi-menu{
    display: none;
    cursor: pointer;
}
@media only screen and (max-width: 991px){
    .hambi-menu{
        margin-right: 15px;
        float: right;
        display: block;
        width: 45px;
        height: 35px;
        z-index: 10000;
    }
    .hambi-menu.open div:nth-child(1){
        display:none;
    }
    
    .hambi-menu.open div:nth-child(2){
        transform: rotate(45deg);
        position: relative;
        top: 6px;
        left: 3px;
        width: 40px;
    }
    
    .hambi-menu.open div:nth-child(3){
        transform: rotate(-45deg);
        position: relative;
        top: -4px;
        left: 3px;
        width: 40px;
    }
    
    .menu-icon-line{
        width: 45px;
        margin: 5px 0;
        height: 5px;
        background-color: #d73e2a;
        transition: all .4s ease-in-out;
    }
}

.nav-tabs {
    border-bottom: none;
    font-size: 0;
    display: inline-block;
    /* background-color: #09f; */
    border-radius: 15px;
}

    .nav-tabs > li {
        display: inline-block;
        margin: 0 auto;
        float: none;
    }

        .nav-tabs > li > a, .nav-tabs > li.dropdown > div {
            border:0;
            border-radius:0;
            text-transform: none;
            font-size: 18px;
            margin-right:0;
            line-height: 22px;
            height: auto;
            padding: 10px 10px;
            color:#d73e2a;
            font-weight: bold;

            -webkit-user-select: none; /* Safari */
            -ms-user-select: none; /* IE 10 and IE 11 */
            user-select: none; /* Standard syntax */
        }

        .nav-tabs > li.dropdown > div a{
            font-size: 18px;
        }

        .nav-tabs > li.dropdown > div{
            cursor: pointer;
        }

        .nav-tabs > li.dropdown > div:hover{
            background-color: #eee;
        }

        .nav-tabs > li > a:hover {
            color:#d73e2a;
            text-decoration: none;
        }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            background-color: transparent;
            border: 0;
            color: #261b68;
        }

        .nav-tabs > li.highlight a {
            color: #d73e2a;
            background-color:transparent;
            border: 2px solid #d73e2a;
            border-radius: 3px;
        }

        .nav-tabs > li.highlight a:hover {
            background-color: #eee;
        }

        .nav-tabs > li.highlight.active a {
            color: #261b68;
            background-color:transparent;
            border-color:transparent;
        }
@media only screen and (min-width: 992px) {
        .nav-tabs > li.pl-2{
            margin-left: 20px;
        }
    }


.tab-pane {
    min-height: 100px;
    margin: 2em 0;
}

.tab-pane h2 {
    font-size: 24px;
    line-height: 1.5;
    margin: 2em 0 1em 0;
    border-bottom: none;
}

.tab-pane .banner {
    width: 100%;
}

.hide {
    width:0%;
    overflow:hidden;
}

h2 { margin-top: 2em; }

#oj-story {}

#oj-vote {}

    #oj-vote p {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 10px;
    }

#oj-vote-items {
    margin: 2em 0;
}

    #oj-vote .item{
        float: left;
        width: 20%;
        text-align: center;
        margin: 0 0 2em 0;
        padding-bottom: 2em;
        border-bottom: 1px solid #eee;
        overflow: hidden;
    }

    #oj-vote a {
        display: block;
    }

        #oj-vote .item img {
            max-width: 140px;
            margin-bottom: 10px;
        }

        #oj-vote .link {
            overflow: hidden;
            height: 40px;
            margin-bottom: 8px;
            color: #d73e2a;
        }

        #oj-vote .item .button {
            margin-top: 10px;
        }

#oj-vote-menu {
    text-align: center;
    margin: 4em auto;
    width: 60%;
}

@media only screen and (max-width: 991px){
    #oj-vote-menu {
        width: 100%;
    }
}

    #oj-vote-menu a {
        font-size: 17px;
        line-height: 24px;
        display: inline-block;
        padding: 0 10px;
    }

    #oj-vote-menu a:hover{
        cursor:pointer;
    }

    #oj-vote-menu a.active {
        font-weight: bold
    }


#oj-jury {}

    #oj-jury .flex-container {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        width: 80%;
        margin: 0 auto;
    }

    #oj-jury .item {
        width: 180px;
        margin: 1em 0;
        text-align: center;
    }

    #oj-jury .cc {
        display: none;
    }

    #oj-jury .item:hover {
        cursor: pointer;
    }

        #oj-jury .item h3 {
            color: #bcbcbc;
            font-size: 16px;
            margin: 5px 0;
            font-weight: bold;
        }

        #oj-jury .item:hover h3 {
            color:#d73e2a;
        }

        #oj-jury .ferfi:hover h3 {
            color:#261b68;
        }

        #oj-jury .item:hover .cc {
            display: block;
        }

        #oj-jury .item:hover .bw {
            display: none;
        }


    #oj-jury .img {
        width: 128px;
        height: 107px;
        margin: 0 auto;
        position: relative;
    }

        #oj-jury .img img {
            width: 128px;
            height: 107px;
            position: absolute;
            top: 0;
            left: 0;
        }

.tag-info {
    border-radius: 15px;
    background-color: #eee;
    margin-top: 1em;
    padding: 20px;
}

    .tag-info h3 {
        margin: 0;
        font-size: 16px;
        line-height: 1;
    }

    .tag-info h4 {
        margin: 0 0 1em 0;
        font-size: 14px;
        line-height: 2;
    }

    .tag-info p {
        margin: 0;
        font-size: 13px;
        line-height: 1.5;
        text-align: left;
    }

#oj-rules {
    padding:0 30px;
}

#oj-rules li {
    margin: 1em 0;
    text-align: justify;
}

.modal-header h4 {
    margin: 0;
}

.winner {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 2em;
}

.winner a  {

}

#oj-end {}


.oj-winners {
    width: 49%;
    text-align: center;
    padding: 1em;
    overflow: hidden;
    display: inline-block;
}
#oj-2018-win ul,
#oj-2019-win ul,
#oj-win ul {list-style: none; padding-left: 0px;}

.oj-winners:first-child {
    border-right: 1px solid #eee;
}

    .oj-winners h3 {
        font-size: 16px;
        line-height: 1.5;
        margin: 0;
    }

    #oj-end .item{
        margin: 0 0 3em 0;
    }

    #oj-end a {
        display: block;
    }
        .category {
            text-align: center;
            padding: 4px;
            vertical-align: middle;
            font-size: 20px;
            margin-bottom:4px;
        }

        #oj-end .item img {
            margin-bottom: 2em;
        }

        #oj-end .link {
            overflow: hidden;
            font-size: 2rem;
            margin-bottom: 1rem;
        }

        #oj-end .link:hover {
            text-decoration: none;
        }

        #oj-end .item .button {
            margin-top: 10px;
        }

.oj-modal {}

    .oj-modal .row {
        margin-bottom: 1em;
    }

    .oj-modal label {
        display: inline-block;
        margin: 0 0 1em 0;
        width: 100%;
    }

    .oj-modal label.inline {
        display: inline-block;
        width: auto;
    }

        .oj-modal label strong {
            display: inline-block;
            width: 14em;
            text-align: left;
        }

        .oj-modal label span{
            display: inline-block;
            width: 60%;
            text-align: left;
            font-size: 14px;
        }

        .oj-modal label input[type="text"],
        .oj-modal label input[type="email"] {
            width: 60%;
        }

    .oj-modal input[type="checkbox"] {
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

    .oj-modal input[disabled] {
        border: 0 none;
        margin: 0;
        padding-left: 0;
        background: #fff;
        box-shadow: none;
        cursor: pointer;
    }

    .oj-modal small {
        display: block;
        text-align: left;
    }

    .oj-modal img {
        margin:10px auto;
    }

    .oj-modal .error {
        border: 2px solid red;
    }


.oj-modal-thanks {
    color: #e52a92;
    font-size: 24px;
    font-weight:bold;
}

.oj-kicsomi-img {
    margin: 0 auto;
    max-width: 330px;
}

.oj-kicsomi-img a{
    display: inline-block;
}

.oj-video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.oj-video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#oj-price .item{float:left;width:45%;margin:0 20px;}
#oj-price span{border:0;font-size:30px;line-height:34px;color:#ec1eaf;font-weight:bold;padding-bottom:10px;margin:0;display:block;}
#oj-price img{margin:0 auto;}

blockquote cite {
    display: block;
    text-align: right;
}


/*#oj-modal{width:710px;text-align:center;font-size:14px;display:none;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.25);padding:12px 10px;}*/

footer p {
    margin-top: 2em;
}

.carousel-control {
    display: none !important;
}

/* Játszónap album */

.oj-event-img-container {
    display: block;
    height: 150px;
    overflow: hidden;
    margin-bottom: .8em;
}

img.oj-event-gallery { 
    display: block; 
    width: 100%; 
}


@media (max-width: 991px) {
    .nav-tabs{ display:none;}
    .nav-tabs.open{ display:block;}
    .page-orszagjateka .nav-tabs>li {width: 100%;}
}
@media (max-width: 767px) {
    .oj-countdown {font-size: 25px;line-height: 26px;}
    /* .page-orszagjateka .nav-tabs li:first-child a {border-top-right-radius: 15px;} */
    /* .page-orszagjateka .nav-tabs li:last-child a {border-bottom-left-radius: 15px;} */
    #oj-jury-details .item {width: 100%;margin-bottom:10px;}
    #oj-jury-details .item p {height:auto;}
    #oj-jury-details .tag-info {display: none;}
    .page-orszagjateka .nav-tabs>li a, .page-orszagjateka .nav-tabs > li.dropdown > div {font-size: 16px;line-height: 20px;padding: 6px 30px;}
    /* #oj-vote-menu{display: none;} */
    #oj-vote .item {width: 100%;}
    #oj-vote .item img {width: 80%;}
    #oj-modal input[type="text"] {width: 100%;margin: 0 !important;}

    /* Játszónap album */
    img.oj-event-gallery { display: block; width: 100%; margin: 0 0 10px 0; }
    a:nth-child(odd) > img.oj-event-gallery { margin-left: 0; }
    a:nth-child(even) > img.oj-event-gallery { margin-left: 0; }
}

.oj-winners a {width: 100%; display: inline-block;}
.oj-winners a.link{ padding: 4px 0 10px; }
.oj-winners .item {margin-bottom: 20px;}

.submenu {list-style: none; text-align: center;}
.submenu > li {display: inline-block;}
.submenu > li > a {color: white; text-decoration: none;}

.center-img {margin-left: auto; margin-right: auto;}

.jn-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.jn-col{
    width: 31%;
    margin-bottom: 4em;
}

.jn-col h2 {
    margin: .8em 0 .4em 0;
    border: none;
}

.font-lg{
    font-size: 16px;
    max-width: 800px;
    margin: auto;
    padding: 20px 0 40px;
}

.jn-col-2.oj-winners{
    margin-bottom: 4em;
    border: none !important;
}

.jn-col-2 .item{
    margin-bottom: 60px;
}

@media only screen and (max-width: 991px){
    .jn-col{
        width: 48%;
        margin-bottom: 4em;
    }
}

@media only screen and (max-width: 767px){
    .jn-col{
        width: 100%;
        margin-bottom: 4em;
    }

    .jn-col-2.oj-winners{
        width: 100%;
        margin-bottom: 4em;
        border: none !important;
    }
}

.game-day-gallery {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.game-day-gallery img{ width: 100%; padding: 7px 0;}

@media (max-width: 500px) {
    .game-day-gallery {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}

.ticket-container{
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 10px;
}

.ticket-item{
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-basis: 25%;
    flex-grow: 0;
}

.ticket {
    color: #fff;
    background-color: #261b68;
    border-radius: 20px;
    padding: 20px 30px ;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ticket.color1{
    background-color: #d73e2a;
}

.ticket.color2{
    background-color: #261b68;
}

.ticket.color12{
    background: linear-gradient(45deg, #d73e2a, #261b68);
}

.ticket-title{
    font-size: 24px;
    font-weight: bold;
}

.ticket-type{
    font-style: italic;
}

.ticket-price{
    font-size: 30px;
    font-weight: bold;
    white-space: nowrap;
    margin-top: 30px;
    margin-bottom: 10px;
}

.ticket-item > a.btn{
    align-self: center;
    border-color: #261b68;
    color:#261b68;
    border-radius: 10px;
}