/*  ----------  HEADER  ----------  */
#layout header {
    position: relative;
    padding-top: 95px;
    z-index: 10;
    background-color: #eaeaea;
}

#layout header .header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#layout header .header-container > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

#layout header .header-container h1 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 800;
}

#layout header .header-container .languages ul li {
    display: inline-block;
    padding: 5px;
    font-weight: 800;
    cursor: pointer;
}

#layout header .header-container .languages ul li.active {
    color: #00acee;
}

#layout header > .container {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    position: relative;
    padding: 30px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* min-height: 80px; */
    max-width: 100%;
}

#layout header #skiptocontent a{
    padding: 6px;
    position: absolute;
    top: -200px;
    left: 0;
    color: #fff;
    background: #000;
    z-index: 100;
}

#layout header .logo {
    margin-right: 15px;
    max-width: 180px;
    position: absolute;
    left: 30px;
}

#layout header .logo img {
    margin: 0;
    max-height: 100%;
    max-width: 100%;
}

#layout header .title-logo {
    /* margin: 0 auto; */
}

#layout header .languages {
    margin-bottom: 10px;
    position: absolute;
    right: 15px;
    top: 16px;
    display: flex;
    display: none;
    flex-direction: row;
    justify-content: flex-end;
}

#layout header .social-links {
    position: relative;
    display: inline-block;
    /* width: 91px; */
    /* left: 100%; */
    top: -2px;
    margin-right: 0;
    text-indent: -9999px;
}

#layout header .languages a{
    margin-left: 10px;
    font-size: 15px;
    color: #26213d;
    font-weight: 500;
    padding-left: 10px;
    border-left: 2px solid #fff;
}

#layout header .social-links a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 15px;
    text-indent: -9999px;
    /* border-radius: 50%; */
    /* border: 1px solid #424444; */
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: contain !important; */
}

#layout header .social-links a:hover {
    text-decoration: none;
}

#layout header .social-links a.social-1 {
    background-image: url("../images/icons/icon-social-1.png")
}

#layout header .social-links a.social-2 {
    background-image: url("../images/icons/icon-social-2.png")
}

#layout header .social-links a.social-3 {
    background-image: url("../images/icons/icon-social-3.png")
}

#layout header .extra-menu {
    position: absolute;
    /*margin-top: 19px;*/
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: auto;
}

#layout header .extra-menu > div {
    display: inline-block;
    text-align: right;
}

#layout .without-sidebar > .container {
    max-width: 860px;
}

/*  ----------  LANGUAGE SELECT  ----------  */
.language-select {
    border-radius: 20px;
    border: 1px solid #424444;
    padding: 4px 30px 4px 8px;
    background: transparent url("../images/select-dropdown.png") no-repeat top 17px right 6px;
    background-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.language-select:active,
.language-select:focus {
    outline: none;
}

/*  ----------  NAVIGATION  ----------  */
#layout header #navigation-bar {
    background: #fff;
}

/*#layout header .navigation .menu-toggle-button {
    display: none;
    padding: 6px 10px 2px;
    color: #fff;
    font-size: 19px;
}*/


#layout header .navigation {
    position: relative;
    z-index: 100;
    padding: 0;
    /* width: 100%; */
    height: auto;
    background: #fff;
    border-top: 0;
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

#layout header .navigation .nav {
    position: relative;
    width: 100%;
    margin: 0 0 0;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}

#layout header .navigation .nav > li {
    position: relative;
    padding: 10px 15px 10px 15px;
    margin: 0 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

#layout header .navigation .nav > li.has-submenu{
    padding: 10px 30px 10px 15px;
    background: url("../images/icons/icon-menu-arrow-down.png") no-repeat right 12px top 18px;
}

#layout header .navigation .nav > li:first-of-type .submenu{
    left: 0;

    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
#layout header .navigation .nav > li:last-of-type .submenu{
    left: auto;
    right: 0;

    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}


#layout header .navigation .nav > li.nav-selected,
#layout header .navigation .nav > li:not(.has-submenu):hover{
    background-color: #005A7A;
}

#layout header .navigation .nav > li.nav-selected > a,
#layout header .navigation .nav > li:not(.has-submenu):hover > a{
    color: #fff;
}

#layout header .navigation .nav > li:hover.has-submenu{
    background: url('../images/icons/icon-menu-arrow-down-white.png') no-repeat right 12px top 18px #005A7A;
}

#layout header .navigation .nav > li:after,
#adougyek-link:after,
#gdpr-link:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 20px;
    background: #000;
    margin-top: -10px;
}

#layout header .navigation .nav > li:first-child {
    /* padding-left: 0; */
}

#layout header .navigation .nav > li:last-child {
    /* padding-right: 0; */
}

#layout header .navigation .nav > li.has-submenu > a {

}

#layout header .navigation .nav > li > button {
    padding: 5px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    /* text-transform: uppercase; */
    color: #000;
    background-color: transparent;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    width: 100%;
    text-align: left;
}

#layout header .navigation .nav > li > .submenu.opened
{
    display: block;
}

#layout header .navigation .nav > li > button:focus
{
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#layout header .navigation .nav > li > a {
    padding: 5px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    /* text-transform: uppercase; */
    color: #000;
    background-color: transparent;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

#layout header .navigation .nav > li:hover > a
{
    color: #fff;
}

#layout header.landing .navigation .nav > li > a {
    color: #ffffff;
    text-align: center;
}

#layout header .navigation .nav li.level-2.nav-selected,
#layout header .navigation .nav li.level-2:hover,
#layout header .navigation .nav li.level-2:focus {
    background-color: #005A7A;
    color: #fff;
}

#layout header .navigation .nav li.nav-selected > button,
#layout header .navigation .nav li:hover > button,
#layout header .navigation .nav li:focus > button{
    color: #fff;
}

#layout header .navigation .nav .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 0;
    background-color: #005A7A;
    padding: 0 0;
    border: none;
    width: 100%;
    min-width: 258px;
    border-radius: 0;
    z-index: 9999 !important;
    border-top: solid 1px #0289bb;
    /* border-bottom: solid 2px #37a1a1; */
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#layout header .navigation .nav > li.has-submenu:hover > .submenu
{
    /*display: block;*/
}

#layout header .navigation .nav .submenu li {
    display: block;
}

#layout header .navigation .nav .submenu .submenu{
    display: none;
}

#layout header .navigation .nav .submenu li a {
    position: relative;
    display: block;
    float: none;
    width: 100%;
    font-size: 14px;
    text-align: left;
    list-style: none;
    color: #fff;
    padding: 8px 15px;
    font-family: 'Roboto';
    white-space: normal;
    font-weight: 500;
}

#layout header .navigation .nav .submenu li a:hover {
}

#layout header .menu-toggle-button {
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    width: 34px;
    height: 34px;
    border: none;
    position: absolute;
    top: 50%;
    right: 15px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    background-image: url("../images/icons/icon-menu.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

#layout header .menu-toggle-button:focus
{
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#layout .akadalymentesitett{
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    background: url("../images/icons/icon-akadalymentesitett.png") no-repeat center;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    left: 80px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*  ----------  SIDEBAR MENU  ----------  */
#main-content .sidebar-menu {
    padding: 0;
    margin-bottom: 40px;
    width: 280px;
    overflow-y: hidden;
    /*    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;*/
    margin: 0 40px 30px 15px;
    float: left;
}
#main-content .sidebar-menu.default {
    height: auto !important;
}

#main-content .sidebar-menu nav{
    height: 100%;
}

#main-content .sidebar-menu ul.nav{
    position: relative;
    overflow: hidden;
    height: 100%;
}

#main-content .sidebar-menu ul{
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#main-content .sidebar-menu ul.nav li {
    background: #ebebeb;
    border-bottom: 1px solid #057ea9;
    padding: 0 0 0 0;
    position: static;
}

#main-content .sidebar-menu ul > li:last-of-type {
    border-bottom: none;
}

#main-content .sidebar-menu ul.nav .submenu li {
    background: #005A7A;
}

#main-content .sidebar-menu ul.nav .submenu li a{
    color: #fff;
}

#main-content .sidebar-menu  ul.nav li:before {
    display: none;
}

#main-content .sidebar-menu ul.nav li.has-submenu > a,
#main-content .sidebar-menu ul.nav li.has-submenu > button {
    padding-right: 34px;
    position: relative;
}

#main-content .sidebar-menu ul.nav li.has-submenu > button:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0px;
    width: 36px;
    height: 36px;
    background: url('../images/icons/icon-menu-arrow-down.png') no-repeat right 14px center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#main-content .sidebar-menu ul.nav .opened .has-submenu > button:after,
/*#main-content .sidebar-menu ul.nav .opened .has-submenu > a:after,*/
#main-content .sidebar-menu ul.nav .opened .submenu .go-back:after {
    content: '';
    position: absolute;
    right: 0;
    width: 36px;
    height: 36px;
    top: -3px;
    background: url('../images/icons/icon-menu-arrow-down-white.png') no-repeat right 16px center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#main-content .sidebar-menu ul.nav .opened .submenu .go-back:after {
    background: url('../images/icons/icon-menu-arrow-down-white.png') no-repeat right 10px center;

    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#main-content .sidebar-menu ul.nav li button,
#main-content .sidebar-menu ul.nav li a{
    font-size: 12px;
    color: #222;
    font-weight: 400;
    line-height: 1.25;
    padding: 12px 20px 9px;
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
}


#main-content .sidebar-menu .nav ul{
    position: absolute;
    /*display: none;*/
    left: 100%;
    top: 0;
}

/*#main-content .sidebar-menu .nav ul.opened
{
    display: block;
}*/

#main-content .sidebar-menu ul.nav li button:focus,
#main-content .sidebar-menu ul.nav li a:focus{
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#main-content .sidebar-menu .nav li.opened > .submenu{
    left: 0;
    z-index: 1;
}

#main-content .subpage-wrapper > div{
    display: inline-block;
}

#main-content .subpage-content{
    width: calc(100% - 340px);
    max-width: 100%;
    padding: 0 15px;
}

#main-content.subpage-calendar .subpage-content{
    width: 100%;
    margin-bottom: 30px;
}

/*1.1.16*/
.fc-day-top:focus
{
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/*  ----------  SLIDER  ----------  */
#content .slider-image {
    background-image: url('../images/header-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: 20%;
    margin-bottom: 50px;
}

#content .rslides_nav {
    opacity: 1;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    margin-left: 15px;
    margin-right: 15px;
    z-index: 2;
}

#content .rslides_nav.prev {
    background: rgba(255, 255, 255, 0.5) url('../images/slider-prev.png') no-repeat left 14px center;
}

#content .rslides_nav.next {
    background: rgba(255, 255, 255, 0.5) url('../images/slider-next.png') no-repeat center;
}

#content .ccm-image-slider-text {
    display: none;
    top: 50%;
    left: 10%;
    background: rgba(0, 175, 240, 0.9);
    padding: 20px 30px;
    width: auto;
    color: #fff;
    font-size: 15px;
}

#content .ccm-image-slider-text {
    display: none !important;
}

#content #main-content .form-container {
    margin-bottom: 50px;
}

#content #main-content h2.form-header {
    text-align: center;
    font-size: 32px;
    margin-bottom: 50px;
    width: 100%;
    font-weight: 800;
}

#content #main-content .text-container {
    margin-top: 50px;
}

#content #main-content .text-container p {
    font-weight: 800;
    margin-bottom: 15px;
    font-size: 17px;
}

#content #main-content .text-container p:last-child {
    margin-bottom: 0;
    margin-top: 15px;
}

#content #main-content .text-container ul.static-text-list li {
    margin: 10px 0;
    font-size: 17px;
}

#content #main-content .description {
    font-size: 17px;
    /* margin-bottom: 50px; */
}

#content #main-content .form-container legend {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 15px;
}

#content #main-content .form-container .form-actions {
    text-align: center;
}

#content #main-content .form-container .form-actions button.btn {
    background-color: #27233c;
    color: #fffffb;
    padding: 10px 50px;
}

/*  ----------  LATEST CONTENT  ----------  */
.latest-content-area {
    background: #0eb0f1;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.latest-content-area .latest-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
}

.latest-content-area .latest-content .item {
    text-align: center;
    min-width: 180px;
    margin: 0 auto 20px;
    padding: 0 10px;
}

.latest-content .icon {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.latest-content .icon-pdf {
    background-image: url("../images/icons/icon-pdf.jpg")
}

.latest-content .icon-xls {
    background-image: url("../images/icons/icon-xls.jpg")
}

.latest-content .icon-image {
    background-image: url("../images/icons/icon-image.jpg")
}

.latest-content .icon-doc {
    background-image: url("../images/icons/icon-doc.jpg")
}

.latest-content-area .latest-content .title {
    display: block;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 0;
    color: #27223d;
    max-width: 178px;
    overflow: hidden;
    white-space: nowrap;
}

.latest-content-area .latest-content .date {
    font-size: 15px;
    font-weight: 300;
    color: #FFF;
}

.latest-content-area .button {
    margin-top: 15px;
    display: inline-block;
}

.latest-content.list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


.latest-content.list .item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 20px;
    border-bottom: 1px solid #eaeaea;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

.latest-content.list .item:nth-of-type(even){
    background: #efefef;
}
.latest-content.list .item:hover{
    background: #52bbe8;
}

.latest-content.list .info{
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    padding-left: 105px;
    position: relative;
}

.latest-content.list .info .date{
    padding-right: 12px;
    margin-right: 5px;
    border-right: 2px solid #868686;
    position: absolute;
    left: 0;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.latest-content.list .title{
    word-break: break-all;
}

.latest-content.list .item  a{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

a {}

.latest-content.list .item:hover  a{
    color: #fff;
}

.latest-content.list .item .icon{
    width: 35px;
    height: 35px;
    margin: 0 15px 0 0;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

/*  ----------  NEWS  ----------  */

/*  ----------  POLGARMESTERI KOSZONTO  ----------  */
#layout .mayor-area {
    padding-left: 0;
    padding-right: 0;
    border-top: 15px solid #26203a;
}

#layout .mayor-area .mayor-image {
    background: url("../images/acs-rezso.jpg") no-repeat center;
    background-size: cover;
    padding-bottom: 40%;
}

#layout .mayor-area .flex-wrapper {
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 60px;
}

#layout .mayor-area .signature {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    display: block;
    width: 100%;

}

#layout .mayor-area .signature:after {
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    width: 150px;
    height: 1px;
    margin-top: 0;
    background: #000;
}

/*  ----------  CALENDAR  ----------  */
#layout .calendar-area {
    background: #26203a;
    /* padding-left: 0; */
    /* padding-right: 0; */
}

.calendar-area .block-title {
    position: relative;
    margin-bottom: 45px;
    margin-top: -10px;
    z-index: 1;
}

.calendar-area .block-title .button.blue{
    color: #000 !important;
}

.event-offers {
    /* margin: 0 -15px; */
    padding: 30px 15px 30px;
    background: #2b294b;
}


#layout .event-offers h3,
#layout .event-offers .form-group label{
    color: #fff;
}

.event-offers .button {
    width: 100%;
    margin-top: 5px;
}

.event-offers textarea.form-control {
    height: 113px;
}

.event-offer-image {

}

#layout .event-offers .ccm-captcha-image {
    height: 39px;
    width: 132px;
    margin-bottom: 6px;
    /* margin: 0 auto; */
    /* display: block; */
}

#layout .event-offers .form-captcha > div {
    display: inline-block;
}

#layout .event-offers .form-captcha > div:nth-of-type(2) {
    float: right;
    width: calc(100% - 140px);
}

.event-offers #eventSubmit:focus
{
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/*  ----------  BREADCRUMB  ----------  */
.breadcrumb-wrapper{

}

.breadcrumb-wrapper .breadcrumb{
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.breadcrumb-wrapper .breadcrumb a{
    color: #000;
}

.breadcrumb-wrapper .breadcrumb>.active{
    color: #005A7A;
    cursor: default;
}

/*  ----------  TOP IMAGE  ----------  */
.slider-container {
    content: '';
    padding: 0;
    position: relative;
    /* height: 100vh; */
    /* padding-bottom: 56.25%; */
    /* background-size: cover; */
}

.slider-container .topimage-text {

}

.topimage-wrapper {
    padding: 0;
}

.topimage-wrapper .top-image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 385px;
    width: 100%;
    line-height: 0;
    margin-bottom: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("../images/backgrounds/topimages/onkormanyzat.jpg");
}

.ccm-edit-mode .topimage-wrapper .top-image {
    height: auto;
}

/*.topimage-wrapper .top-image.default {background-image: none;}*/
.topimage-wrapper .top-image.polgarmesteri {background-image: url("../images/backgrounds/topimages/polgarmesteri.jpg");}
.topimage-wrapper .top-image.bor-turizmus {background-image: url("../images/backgrounds/topimages/bor-turizmus.jpg");}
.topimage-wrapper .top-image.informacio {background-image: url("../images/backgrounds/topimages/informacio.jpg");}
.topimage-wrapper .top-image.onkormanyzat {background-image: url("../images/backgrounds/topimages/onkormanyzat.jpg");}
.topimage-wrapper .top-image.gazdasag {background-image: url("../images/backgrounds/topimages/gazdasag.jpg");}
.topimage-wrapper .top-image.hirek {background-image: url("../images/backgrounds/topimages/hirek.jpg");}

.topimage-wrapper .top-image *:first-child {
    margin-top: auto;
}

.topimage-wrapper .top-image *:last-child {
    margin-bottom: auto;
}

.topimage-wrapper h3 {
    font-weight: 400;
    font-style: normal;
    /*font-family: 'Oswald', sans-serif;*/
    color: #ffffff;
    font-size: 34px;
    line-height: 2;
    letter-spacing: 3px;
    margin: 0;
}

.topimage-wrapper h2 {
    font-weight: 400;
    font-style: italic;
    /*font-family: 'Libre Baskerville', serif;*/
    color: #ffffff;
    font-size: 88px;
    line-height: 0.9;
    letter-spacing: 0px;
    margin: 0;
    text-transform: none;
}

.topimage-wrapper p {
    font-weight: 400;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 20px;
    line-height: 2.4;
    letter-spacing: 0;
    margin: 0;
}

/*  ----------  RENDELETEK SEARCH  ----------  */
.search-wrapper{

}

.search-wrapper .buttons .button{
    display: block;
    margin: 0 auto 15px;
}


/*  ----------  GALLERY  ----------  */

.landing-gallery{
    background: #242120;
}

.landing-gallery h2{
    color: #fff;
    padding-bottom: 25px;
}

.markcon-gallery{
    padding-left: 15px;
    padding-right: 15px;
}

.markcon-gallery .images{
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.markcon-gallery .images > .image-item,
.markcon-gallery .images > .album-wrapper{
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 23%;
    /* padding-bottom: 25%; */
    margin: 1%;
    opacity: 1;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

.markcon-gallery .images > .album-wrapper .caption{
    /* position: absolute; */
    /* top: 100%; */
    margin-bottom: 10px;
    margin-top: 10px;
}

.markcon-gallery .images .image:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0;
    background: transparent;
    z-index: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.markcon-gallery .images .image.hover:before{
    background-color: rgba(8,7,7,0.5);
}

.markcon-gallery .images .image:after{
    content: "";
    position: absolute;
    top: 45%;
    left: 50%;
    width: 60px;
    height: 60px;
    opacity: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
    background-image: url("../images/icons/searching-magnifying-glass.png");
    background-repeat:no-repeat;
    background-position: center;
    z-index: 2;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.markcon-gallery .images .image.hover:after{
    top: 50%;
    opacity: 1;
}

.markcon-gallery .images .image{
    position: relative;
    /* top: 10px; */
    /* bottom: 10px; */
    /* left: 10px; */
    /* right: 10px; */
    /* margin: 10px; */
    background-size: cover;
    background-repeat: no-repeat;
}

.markcon-gallery .caption{
    display: block;
}


div.ui-dialog .ui-dialog-content div.form-group.album-box{
    padding: 0;
    width: 31.2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    margin: 1% !important;
}


/*  ----------  SZECHENYI PLUSZ  ----------  */
#szechenyiplusz{
    position: absolute;
    top: 0;
    right: 0;
}

#szechenyiplusz a{
    content: '';
    display: block;
    width: 364px;
    max-width: 95vw;
    padding-bottom: 26.1%;
    background: url('../images/logo-szechenyi-plusz.jpg') no-repeat center center;
    background-size: contain;
    z-index: 101;
    position: relative;
}

#layout:not(.page-template-landing-layout) #szechenyiplusz{
    display: none;
}


/*  ----------  SZECHENYI 2020  ----------  */
#szechenyi2020{
    position: absolute;
    top: 94px;
    right: 0;
}

#szechenyi2020 a{
    content: '';
    display: block;
    width: 130px;
    padding-bottom: 71%;
    background: url('../images/logo-szechenyi-2020.png') no-repeat center center;
    background-size: contain;
    z-index: 101;
    position: relative;
}

#layout:not(.page-template-landing-layout) #szechenyi2020{
    display: none;
}

#layout.page-template-landing-layout header .extra-menu{
    right: 150px;
}

/*  ----------  ADOUGYEK  ----------  */
#adougyek{
    position: fixed;
    top: 35%;
    /* bottom: 0; */
    left: 0;
    right: 0;
    z-index: 10;
}

#adougyek > div{
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

#adougyek a{
    position: absolute;
    top: 50%;
    right: 0;
    text-indent: -9999px;
    background: #48abf0 url('../images/adougyek-label.png') no-repeat center center;
    width: 45px;
    height: 162px;
    display: block;
    z-index: 99999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

@media (min-width: 1440px){

    #adougyek a{
        margin-right: -11px;
    }

    #adougyek a:before{
        content: '';
        position: absolute;
        right: -1px;
        top: -8px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 0 0 12px;
        border-color: transparent transparent transparent #2e6994;
    }
}

#adougyek-link{
    display: none;
    position: relative;
    padding: 10px 30px 10px 15px;
}

#adougyek-link a{
    color: #0eb0f1;
    padding: 5px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1;
}

/*  ----------  ADATKEZELÉS  ----------  */
#gdpr{
    position: fixed;
    top: 57%;
    /* bottom: 0; */
    left: 0;
    right: 0;
    z-index: 10;
}

#gdpr > div{
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

#gdpr a{
    position: absolute;
    top: 70%;
    right: 0;
    text-indent: -9999px;
    background: #48abf0 url('../images/gdpr-label.png') no-repeat center center;
    width: 45px;
    height: 182px;
    display: block;
    z-index: 99999;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

@media (min-width: 1440px){

    #gdpr a{
        margin-right: -11px;
    }

    #gdpr a:before{
        content: '';
        position: absolute;
        right: -1px;
        top: -8px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 0 0 12px;
        border-color: transparent transparent transparent #2e6994;
    }
}

#gdpr-link{
    display: none;
    position: relative;
    padding: 10px 30px 10px 15px;
}

#gdpr-link a{
    color: #0eb0f1;
    padding: 5px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1;
}


/*  ----------  EU INFOBLOKK  ----------  */
#eu-info{
    position: fixed;
    top: 35%;
    /* bottom: 0; */
    left: 0;
    right: 0;
    z-index: 10;
}

#eu-info > div{
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

#eu-info span{
    position: absolute;
    top: 50%;
    right: 0;
    text-indent: -9999px;
    background: url('../images/logo-eu-2020.png') no-repeat center center;
    background-size: contain;
    width: 160px;
    height: 113px;
    display: block;
    z-index: 99999;
    margin-top: -15px;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
/*    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);*/
}

@media (min-width: 1000px){
    #eu-info span{
        width: 212px;
        height: 153px;
    }
}

@media (min-width: 1440px){

    #eu-info span{
        margin-right: -11px;
    }

    #eu-info span:before{
        content: '';
        position: absolute;
        right: 1px;
        top: -1px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 0 0 10px;
        border-color: transparent transparent transparent #2e6994;
    }
}

@media (max-width: 560px){

    #eu-info span{
        width: 110px;
        height: 80px;
    }

}

/*  ----------  SEARCH  ----------  */
.search-form{
    margin-right: 35px;
}

.search-form input[type="text"]{
    background: #eaeaea url(../images/icons/icon-search.jpg) no-repeat center right;
    border: 2px solid #fff;
    padding: 5px 35px 5px 8px;
    font-size: 14px;
    width: 100px;
    color: #27213d;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.search-form input[type="text"]:focus,
.search-form input[type="text"]:active{
    outline: none;
    border: 2px solid #27213d;
    width: 200px;
}

/*  ----------  FOOTER  ----------  */
footer .footer-container {
    background-image: url('../images/footer-bg.png');
    background-position: bottom right;
    background-size: 37%;
    background-repeat: no-repeat;
    padding: 45px 15px;
    background-color: #27233c;
}

footer .footer-container .row.flex-wrapper {
    align-items: center;
}

footer .footer-container .footer-text {
    color: #FFF;
    /* padding: 20px 0; */
}

#layout footer .footer-container .footer-text p {
    margin: 10px 0 0;
    font-size: 14px;
}

footer .footer-container .footer-text a{
    color: #fff;
}

footer .footer-container .footer-text h3 {
    /*color: #00aeef;*/
    color: #fff;
    font-size: 24px;
}

footer .footer-container .footer-text hr {
    width: 15%;
    margin-left: 0;
    border: 1px solid #fff;
}

/* ----------- Akadálymentesített ----------*/
.accessibility{
    background: #111;
}
.accessibility #layout {
    background-color: #000000;
    color: yellow;
    font-size: 1.4rem;
}
.accessibility #layout a {
    color: yellow;
}
.accessibility #layout .subpage-content a {
    text-decoration: underline;
}

.accessibility #adougyek a {
    background: #f9e73f url(../images/adougyek-label-yellow.png) no-repeat center center;
}
.accessibility #adougyek a:before{
    border-color: transparent transparent transparent yellow;
}

.accessibility #layout header .navigation{
    background: #000;
}
.accessibility #layout header .navigation .nav > li > a
, .accessibility #layout header .navigation .nav > li > button
{
    color: yellow;
    font-size: 18px;
    padding: 5px 2px;
}

.accessibility #layout header .navigation .nav li.nav-selected,
.accessibility #layout header .navigation .nav li:hover,
.accessibility #layout header .navigation .nav li:focus{
    background-color: yellow;
    color: #000;
}

.accessibility #layout header .navigation .nav li.nav-selected  > a,
.accessibility #layout header .navigation .nav li:hover a,
.accessibility #layout header .navigation .nav li:focus a{
    color: #000;
}

.accessibility #layout header .navigation .nav > li:hover > a
, .accessibility #layout header .navigation .nav > li:hover > button
{
    color: #000;
}

.accessibility #layout header .navigation .nav .submenu li a
{
    color: yellow;
}

.accessibility #layout header .navigation a.nav-selected.nav-path-selected.opened
{
    color: black !important;
}

.accessibility #layout header .navigation .nav .submenu li a:hover
{
    color: #000;
}

.accessibility #layout header .navigation .nav .submenu{
    background-color: #000;
    border-top: 1px solid yellow;
}



.accessibility #main-content .sidebar-menu{
    border: 2px solid yellow;
}

.accessibility #main-content .sidebar-menu ul.nav{
    margin-bottom: 0;
}

.accessibility #main-content .sidebar-menu ul.nav li
{
    background: #000;
    border-bottom: 2px solid yellow;
}

.accessibility #main-content .sidebar-menu ul.nav li:last-of-type{
    border-bottom: 0 solid transparent;
}

.accessibility #main-content .sidebar-menu ul.nav li a
, .accessibility #main-content .sidebar-menu ul.nav li button
{
    background: #000;
    color: yellow;
    font-weight: bold;
    font-size: 16px;
}

.accessibility #main-content .sidebar-menu ul.nav li a:hover
, .accessibility #main-content .sidebar-menu ul.nav li button:hover
{
    background: yellow;
    color: #000;
}

.accessibility #layout header .navigation .nav > li{
    background: none;
    padding: 10px 15px;
}




.accessibility #layout .button.blue,
.accessibility #layout .button.light,
.accessibility #layout .button.dark{
    background-color: yellow;
    color: #000;
}

.accessibility #event-details .nearestevent-header{
    background: #000;
}

.accessibility .calendar-wrapper .event-details{
    background: #111;
    border: 3px solid yellow;
}

.accessibility #layout .event-title:after{
    background: yellow;
}

.accessibility .event-offers{
    background: #111;
}

.accessibility #markcon-blog.browser .blog-items .item{
    background-color: #000;
}
.accessibility #markcon-blog.browser .blog-items .item h3,
.accessibility #markcon-blog.browser .blog-items .item h3:hover,
.accessibility #markcon-blog .created,
.accessibility #markcon-blog.browser .blog-items .item .title:hover *,
.accessibility #markcon-blog.browser .blog-items .item .blog-link a{
    color: yellow;
}

.accessibility #markcon-blog.browser .blog-items .item .intro{
    font-size: 17px;
}
.accessibility #markcon-blog.browser .blog-items .item .blog-link a{
    margin-top: 35px;
}

.accessibility #layout .mayor-area{
    border-top-color: yellow;
}


.accessibility #layout .calendar-area{
    background: #111;
}

.accessibility .fc td,
.accessibility .fc th{
    color: yellow;
}

.accessibility .fc td.fc-day-top{
    color: yellow;
    border: 2px solid yellow;
}

.accessibility .fc td.fc-today{
    background: yellow;
    color: #000;
}

.accessibility #calendar .fc-toolbar button span{
    background-color: yellow;
}


.accessibility footer .footer-container{
    background: #000;
}

.accessibility footer .footer-container .footer-text h3{
    color: yellow;
}

.accessibility footer .footer-container .footer-text,
.accessibility footer .footer-container .footer-text p,
.accessibility footer .footer-container .footer-text a{
    color: yellow !important;
    font-size: 18px !important;
}

.accessibility #layout .subpage-content h3:after{
    background: yellow;
}


.accessibility .sunday-wrapper .years .year{
    border-right: 1px solid yellow;
}
.accessibility .sunday-wrapper .years a{
    color: yellow !important;
    font-size: 26px;
}

.accessibility .sunday-wrapper .date{
    color: yellow;
    font-size: 17px;
}


.accessibility .breadcrumb{
    background: yellow;
}

.accessibility .breadcrumb-wrapper .breadcrumb>.active,
.accessibility .breadcrumb-wrapper .breadcrumb a{
    color: #000 !important;
}
.accessibility .breadcrumb>li+li:before{
    color: #000;
}


.accessibility #main-content ul:not(.pagination) li:before{
    background-color: yellow;
    top: 13px;
}


.accessibility .decree-wrapper .download-links a:hover,
.accessibility .decree-wrapper .download-links a{
    color: #000 !important;
    background-color: yellow;
    border: 2px solid yellow;
    font-size: 18px;
}

.accessibility .latest-content.list .item:hover{
    background-color: #000;
}
.accessibility .latest-content.list .item:nth-of-type(even),
.accessibility .latest-content.list .item:nth-of-type(even):hover{
    background-color: #222;
}
.accessibility .latest-content.list .item .icon{
    display: none;
}
.accessibility .latest-content.list .info{
    font-size: 20px;
    padding-left: 0;
}
.accessibility .latest-content.list .info .date{
    position: relative;
}

.accessibility table.table tr td{
    background: #000 !important;
}


.accessibility .form-control{
    font-weight: bold !important;
    font-size: 18px !important;
    color: #000 !important;
    background-color:  yellow !important;
}

/*  ----------  POPUP  ----------  */
#PopupWrapper{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(38,32,58,0.85);
    z-index: 1001;
    /*display: none;*/
    display: flex;
    /*opacity: 0;*/
    /*visibility: hidden;*/
    align-items: center;
    justify-content: center;

    transition: all 800ms ease-in-out;
}

/*#content .popup.visible {
    visibility: visible;
    opacity: 1;
}*/

#PopupWrapper .content {
    position: relative;
    /*padding: 15px;*/
    padding: 25px 4vw 4vw;
    margin: auto auto;
    background: #eaeaea;
    border-radius: 10px;
    width: 800px;
    max-width: 90%;
    font-family: 'Roboto';
    line-height: 1.5;
    font-weight: bold;
}

#PopupWrapper .content .description{
    color: #000;
    font-size: 16px;
}

#PopupWrapper .content .description h3{
    margin-bottom: 15px;
    font-size: 26px;
}

#PopupWrapper .content .description p{
    margin-bottom: 15px;
}

#PopupWrapper .logo {
    display: block;
    margin: 0 auto 30px;
}

#PopupWrapper #closePopupButton {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
    background: #26213d url('../images/close-button.png') no-repeat center;
    cursor: pointer;
    z-index: 1000;
    border-radius: 50%;
}