/* defaults */
html, body, section, article, aside, div,
img, input, select, textarea
a, p, span, label,
ul, ol, li, table, thead, tbody, tr, td {
    margin: 0;
    padding: 0;
    border: 0;
}

html, body {
    width: 100%;
}

body {
    background: #2f2f31;
    position: relative;
}

body.opened {
    overflow: hidden;
}

article, aside {
    width: 100%;
}

nav ul,
nav li {
    list-style: none;
}

nav a {
    text-decoration: none;
}

a {
    text-decoration: none;
    color: #36F;
}

a:hover {
    text-decoration: underline;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
    color: #060000;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
    text-decoration: underline;
}

.head h1 a:hover,
.head h2 a:hover,
.head h3 a:hover,
.head h4 a:hover,
.head h5 a:hover {
    text-decoration: none;
}


/* helpers */
.clear-both {
    clear: both;
}

.disabled {
    display: none !important;
}

.image {
    font-size: 0;
}

p span.small {
    font-size: 11px;
    line-height: 10px;
}

.article-merokod {
    width: 0 !important;
    height: 0 !important;
    visibility: 0 !important;
    overflow: hidden !important;
}

.cikkblock {
    width: 100%;
}
/* frame */
.wrapper {
    padding-left: 15px;
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #f04923;
    overflow: hidden;
}

.wrapper > .inner {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}

header {
    width: 100%;
}

.container {
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
    margin-top: -10px;
}

.container.sticky-header {
    margin-top: 152px;
}

.container .content {
    width: 100%;
}

.container .content > section {
    margin-bottom: 0;
}

.container .right-column > article, .container .right-column > aside {
    margin-bottom: 25px;
}

/* columns */
@media (max-width: 886px) {
    .container .content-column {
        margin: 0px;
        width: 100%;
        float: none;
    }

    .container .right-column {
        margin: 0px;
        width: 100%;
        float: none;
    }
}
@media (min-width: 886px) {
    .container .content-column {
        float: left;
        padding-right: 320px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .container .right-column {
        float: left;
        width: 300px;
        margin-left: -300px;
    }
}

article {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

aside {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.content-column {
    margin-bottom: 0;
}

footer {
    width: 100%;
    background-color: green;
}

.bottom-white-line {
    margin: 0 auto;
    max-width: 1170px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff;
}

/* common */
.buttons {
    margin: 10px 0 0;
}

.buttons.left {
    text-align: left;
}

.buttons.left .button {
    margin-right: 15px;
}

.buttons.right {
    text-align: right;
}

.buttons.right .button {
    margin-left: 15px;
    margin-top: 15px;
}

.button {
    font-family: 'Roboto', sans-serif; font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #2b2c2c;
    display: inline-block;
    cursor: pointer;
}

.button span {
    white-space: nowrap;
    color: #ffffff;
    padding: 8px 16px 8px;
    background-color: #3a9cfd;
    height: 24px;
    display: inline-block;
}

.button i {
    color: #3a9cfd;
    padding: 10px 13px 10px 10px;
    font-size: 20px;
}

.buttons.pager {
    display: table;
    width: 100%;
}

.buttons.pager .inner {
    width: 100%;
    display: table-row;
    height: 40px;
}

.buttons.pager a {
    text-align: center;
    height: 40px;
    width: 40px;
    line-height: 24px;
    font-size: 20px;
}

.buttons.pager a i {
    font-size: 28px;
    padding: 0px 0px;
    width: 26px;
    line-height: 24px;
}

.buttons.pager .left {
    text-align: left;
    display: table-cell;
    width: 85px;
}

.buttons.pager .left a {
    height: 34px;
    padding-top: 7px;
}

.buttons.pager .left a span {
    display: none;
}

.buttons.pager .center {
    text-align: center;
    display: table-cell;
    margin: 0;
    padding: 0;
}

.buttons.pager .center a {

}

.buttons.pager .center a.active span {
    color: #2B2C2C;
}

.buttons.pager .right {
    text-align: right;
    display: table-cell;
    width: 85px;
}

.buttons.pager .right a {
    height: 34px;
    padding-top: 7px;
}

.buttons.pager .right a span {
    display: none;
}

.cikk.lista article.last {
    border-bottom: 0 !important;
}

/* responsive */

/* cikk lista */
@media (min-width: 300px) {
    .cikk.lista article {
        padding-right: 25px;
    }
    .cikk.lista .image {
        width: 280px;
        height: auto;
        float: none;

        margin-bottom: 25px;
    }
    .cikk.lista img {
        width: auto;
        height: auto;
        max-width: 280px;
        max-height: 260px;
    }
}

@media (min-width: 415px) {
    .cikk.lista article {
        padding-right: 25px;
    }
    .cikk.lista .image {
        width: 360px;
        height: auto;
        float: none;

        margin-bottom: 25px;
    }
    .cikk.lista img {
        width: auto;
        height: auto;
        max-width: 360px;
        max-height: 260px;
    }
}

@media (min-width: 490px) {
    .cikk.lista article {
        padding-right: 95px;
    }
    .cikk.lista .image {
        width: 75%;
        min-width: 360px;
        height: auto;
        margin-bottom: 25px;
        float: none;
    }
    .cikk.lista img {
        width: 100%;
        max-width: inherit;
        max-height: inherit;
        height: auto;
    }
}

@media (min-width: 709px) {
    .cikk.lista .image {
        width: 285px;
        height: 200px;
        float: left;
        min-width: inherit;
        margin-bottom: 0;
    }
    .cikk.lista img {
        width: 100%;
        height: auto;
        max-width: 285px;
        max-height: 200px;
        margin-bottom: 0;
    }
}

@media (min-width: 886px) {
    .cikk.lista .image {
        width: 75%;
        min-width: 285px;
        height: auto;
        margin-bottom: 25px;
        float: none;
    }
    .cikk.lista img {
        width: 100%;
        max-width: inherit;
        max-height: inherit;
        height: auto;
    }
}

@media (min-width: 1024px) {
    .cikk.lista .image {
        width: 285px;
        height: 200px;
        float: left;

        margin-bottom: 0;
    }
    .cikk.lista img {
        width: auto;
        height: auto;
        max-width: 285px;
        max-height: 200px;
        margin-bottom: 0;
    }
}

/* kepes lista (nem foto, vagy video) */
@media (min-width: 300px) {
    .kepes.lista article {
        width: 100%;
        overflow: hidden;
        float: none;
    }
    .kepes.lista .clear-both-list {
        clear: none;
    }
    .kepes.lista .one {
        display: block;
    }
    .kepes.lista .two {
        display: block;
    }
    .kepes.lista .tree {
        display: block;
    }
    .kepes.lista .four {
        display: block;
    }
    .kepes.lista .lead {
        height: 204px;

        width: auto;

        padding: 25px 3%;
    }
}

@media (min-width: 600px) {
    .kepes.lista article {
        width: 285px;
        overflow: hidden;
    }
    .kepes.lista .clear-both-list {
        clear: both;
    }
    .kepes.lista .one {
        display: block;
    }
    .kepes.lista .two {
        display: block;
    }
    .kepes.lista .tree {
        display: block;
    }
    .kepes.lista .four {
        display: block;
    }
    .kepes.lista .lead {
        height: 151px;

        width: 235px;
    }
}

@media (min-width: 750px) {
    .kepes.lista article {
        width: 360px;
        overflow: hidden;
    }
    .kepes.lista .clear-both-list {
        clear: none;
    }
    .kepes.lista .one {
        display: block;
    }
    .kepes.lista .two {
        display: block;
    }
    .kepes.lista .tree {
        display: block;
    }
    .kepes.lista .four {
        display: block;
    }
    .kepes.lista .lead {
        height: 204px;

        width: 308px;
    }
}

@media (min-width: 886px) {
    .kepes.lista article {
        width: 33%;
        min-width: 285px;
        max-width: 360px;
        overflow: hidden;
    }
    .kepes.lista .clear-both-list {
        clear: none;
    }
    .kepes.lista .one {
        display: block;
    }
    .kepes.lista .two {
        display: block;
    }
    .kepes.lista .tree {
        display: block;
    }
    .kepes.lista .four {
        display: none;
    }
    .kepes.lista .lead {
        height: 151px;
    }
}

@media (min-width: 1170px) {
    .kepes.lista article {
        width: 285px;
    }
    .kepes.lista .clear-both-list {
        clear: none;
    }
    .kepes.lista .one {
        display: block;
    }
    .kepes.lista .two {
        display: block;
    }
    .kepes.lista .tree {
        display: block;
    }
    .kepes.lista .four {
        display: block;
    }
    .kepes.lista .lead {
        height: 151px;

        width: 233px;
    }
}

/* sidebar lista */
@media (min-width: 300px) {
    .sidebar.lista article {
        width: 100%;
        float: none;
    }
    .sidebar.lista article.last {
        display: block;
    }
}

@media (min-width: 540px) {
    .sidebar.lista article {
        width: 50%;
        float: left;
    }
    .sidebar.lista article.last {
        display: none;
    }
}

@media (min-width: 780px) {
    .sidebar.lista article {
        width: 33.33%;
        float: left;
    }
    .sidebar.lista article.last {
        display: block;
    }
}

@media (min-width: 886px) {
    .sidebar.lista article {
        width: 100%;
        float: none;
    }
    .sidebar.lista article.last {
        display: block;
    }
}

/* sidebar box group */
@media (max-width: 619px) {
    .float-helper {
        float: none;
        width: auto;
        margin-left: 00;
    }
}
@media (min-width: 620px) and (max-width: 885px) {
    .float-helper {
        float: left;
        width: 300px;
        margin-left: -300px;
    }
}