/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');

html {
    font-family: 'Open Sans', sans-serif, Verdana, arial;
    font-size: 16pt;
}
body {
    background: #ebefff none repeat scroll 0 0;
    margin: 0;
    padding: 0;
}
p {
    margin: 0;
    padding: 0;
}


div.header {
    /*! height: 80px; */
    position: relative;
    width: 100%;
    background: url("img/menu_bg.png") no-repeat scroll top right #fff;    
}
div.header, .header a {
    /*! color: #a4a1a1; */
}
.header a:hover {
    text-decoration: none;
}
.header h1 {
    font-size: 36px;
    font-weight: normal;
    margin: 0;
    padding: 15px 0 0;
}
.header .contact {
    position: absolute;
    top: 101px;
    left: 116px;
    font-size: 18pt;
    font-style: italic;
    font-weight: bold;
    color: #a3a3a3;
}
.logo_container {
    background: rgba(0, 0, 0, 0) url("img/header_line.png") no-repeat scroll bottom left;
    display: block;
    height: 102px;
}
.logo {
    background: rgba(0, 0, 0, 0) url("img/logo.png") no-repeat scroll 38px 0px;
    height: 99px;
    text-align: left;
}
.logo-img {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
    width: 200px;
}
h1 {
    font-size: 1.7rem;
    background: #0189c7;
    color: black;
    font-weight: lighter;
    padding: 10px 0;
    margin: 0;
    /*! margin-bottom: 20px; */
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
h1:before {
    border-top: 1px solid #274e8a;
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
}
.content.index h1 {
    margin-bottom: 30px;
    margin-top: 10px;
}
.header h2 {
    font-family: "Noto Serif",serif;
    font-size: 23px;
    margin: -6px 0 5px;
}
h2 {
    color: black;
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 20px;
    text-align: center;
}
.news_info {
    margin: 25px 0 15px;
    height: 25px;
    /* display: none; */
    border-bottom: 1px solid #a4a1a1;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
div.main {
    background: #e2e6e8;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    margin: 0 auto auto;
    min-height: 700px;
    position: relative;
    width: 1340px;
    max-width: 100%;
    min-width: 480px;
}
div.header_text {
    color: #ffffff;
    font-size: 55pt;
    font-weight: bold;
    position: relative;
    text-shadow: 0 0 10px #604015, 0 0 30px #efa134, 0 0 20px #a77124;
    top: 50px;
}
#topNav {
    display: none;
}
#menuBtn {
    height:35px;
    width:35px;
    position: absolute;
    text-decoration:none;
    top: 30px;
    right: 50px;
    font-size: 36px !important;
    /*! margin-right: 50px; */
    z-index:100;
    /*! color:#00f; */
    cursor:pointer;
    trainsition:background-position .3s;
}
.line1, .line2, .line3 {
    margin-top:7px;
    background-color:#000;
    width:35px;
    height:4px;
    display:block;
    position:relative;
    opacity:1.0;
    border-radius:15%;
    transition: all .3s;
}
.topNavMenu {
    position: absolute;
    right: 0;
    top: -800px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: left;
    font-size: 2rem;
    padding: 15px 30px;
    list-style: none;
    /*! text-transform: uppercase; */
    transition: all .5s ease-in-out;
    opacity: 0;
    line-height: 4rem;
    z-index: 99;
    visibility: hidden;
}
.topNavMenu a {
    color: #fff;
}
.topNavMenu li {
    margin: 7px 0;
    border-bottom: 1px dotted #fff;
}
.topNavMenu .subMenu li {
    border-bottom: none;
    border-top: 1px dotted #fff;
}
.topNavMenu .subMenu {
    display: block;
    position: relative;
}
div.menu {
    /*! background: #2d3f92 none repeat scroll 0 0; */
    /*! border-bottom: 3px solid #efa023; */
    height: 43px;
    line-height: 42px;
    /*! margin-bottom: 8px; */
    width: 100%;
    text-align: right;
    position: relative;
    z-index: 1000;
}
div.content-head {
    overflow: hidden;
    position: relative;
    text-align: left;
}
.content {
    min-height: 400px;
    /*! padding: 0 30px; */
    /*! padding-bottom: 30px; */
}
div.menurow {
    height: 100%;
    padding-right: 40px;
    position: relative;
    text-align: right;
}
ul.cssMenu, ul.cssMenu ul {
    display: inline-block;
    font-size: 16px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: 1s;
    font-style: italic;
}
ul.cssMenu li:last-child {
    border-right: medium none;
}
ul.cssMenu li {
    float: left;
    padding: 0px 28px;
    position: relative;
    transition: 0.3s;
    margin: 0px 6px;
}
ul.cssMenu li:hover {
    background: #0189c7;
    color: #000;
    transform: skew(-22deg,0);
}
ul.cssMenu li a, ul.cssMenu li span {
    color: #2d2e2e;
    display: block;
    padding: 0 10px;
    text-decoration: none;
}
ul.cssMenu li span {
    cursor: default;
    /*! transition: 0.3s; */
}
ul.cssMenu li a:hover {
    color: #000;
}
ul.subMenu li:hover {
    background: #0189c7;
    color: #000;
    transform: inherit;
}
ul.subMenu li a {
    /*! color: #ffffff; */
}
ul.subMenu li a:hover {
    color: #000000;
}
nav ul li:hover a {
}
ul.cssMenu ul {
    visibility: hidden;
    font-size: 15px;
    left: 0;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 100%;
    z-index: 1000;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
}
ul.cssMenu ul li {
    background: #e2e6e8;
    border-right: medium none;
    border-top: 1px dotted #ccc;
    float: none;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
}
ul.cssMenu ul li a {
    /*! color: #ffffff; */
    display: block;
    overflow: hidden;
}
ul.cssMenu ul ul {
    left: 100%;
    top: 0;
}
ul.cssMenu li:hover > ul {
    visibility: visible;
    opacity: 1;
    /*! transition: opacity 1s linear; */
}
img.facebook {
    border: 0 none;
    box-shadow: 0 0 7px 4px #999999;
}
ul.subMenu {
    display: none;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    /*! font-style: normal !important; */
}
ul.show {
    display: block;
}
ul.subMenu li {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
div[class*="slide-top"] {
    background-color: #333333;
    border: 1px solid #888888;
    height: 200px;
    position: absolute;
    top: 0;
    width: 220px;
}
div[class*="image-top"] {
    height: 200px;
    position: absolute;
    top: 0;
    width: 220px;
}
div[class*="slide-bottom"] {
    background-color: #333333;
    border: 1px solid #888888;
    bottom: 0;
    height: 120px;
    position: absolute;
    width: 246px;
}
div[class*="image-bottom"] {
    background-size: 246px auto;
    bottom: 0;
    height: 120px;
    position: absolute;
    width: 246px;
}
.image-top-1 {
    background: rgba(0, 0, 0, 0) url("img/header/top/01.jpg") no-repeat scroll center center;
}
.image-top-2 {
    background: rgba(0, 0, 0, 0) url("img/header/top/02.jpg") no-repeat scroll center center;
}
.image-top-3 {
    background: rgba(0, 0, 0, 0) url("img/header/top/03.jpg") no-repeat scroll center center;
}
.image-top-4 {
    background: rgba(0, 0, 0, 0) url("img/header/top/04.jpg") no-repeat scroll center center;
}
.image-top-5 {
    background: rgba(0, 0, 0, 0) url("img/header/top/05.jpg") no-repeat scroll center center;
}
.image-top-6 {
    background: rgba(0, 0, 0, 0) url("img/header/top/06.jpg") no-repeat scroll center center;
}
.image-top-7 {
    background: rgba(0, 0, 0, 0) url("img/header/top/07.jpg") no-repeat scroll center center;
}
.image-top-8 {
    background: rgba(0, 0, 0, 0) url("img/header/top/08.jpg") no-repeat scroll center center;
}
.image-top-9 {
    background: rgba(0, 0, 0, 0) url("img/header/top/09.jpg") no-repeat scroll center center;
}
.image-top-10 {
    background: rgba(0, 0, 0, 0) url("img/header/top/10.jpg") no-repeat scroll center center;
}
.image-top-11 {
    background: rgba(0, 0, 0, 0) url("img/header/top/11.jpg") no-repeat scroll center center;
}
.slide-top-1 {
}
.slide-top-2 {
    right: 0;
}
.slide-bottom-1 {
}
.slide-bottom-2 {
    left: 242px;
}
.slide-bottom-3 {
    right: 243px;
}
.slide-bottom-4 {
    right: 0;
}
.image-bottom-1 {
    background: rgba(0, 0, 0, 0) url("img/header/bottom/01.jpg") no-repeat scroll center center;
}
.image-bottom-2 {
    background: rgba(0, 0, 0, 0) url("img/header/bottom/02.jpg") no-repeat scroll center center;
}
.image-bottom-3 {
    background: rgba(0, 0, 0, 0) url("img/header/bottom/03.jpg") no-repeat scroll center center;
}
.image-bottom-4 {
    background: rgba(0, 0, 0, 0) url("img/header/bottom/04.jpg") no-repeat scroll center center;
}
.image-bottom-5 {
    background: rgba(0, 0, 0, 0) url("img/header/bottom/05.jpg") no-repeat scroll center center;
}
.image-bottom-6 {
    background: rgba(0, 0, 0, 0) url("img/header/bottom/06.jpg") no-repeat scroll center center;
}
.image-bottom-7 {
    background: rgba(0, 0, 0, 0) url("img/header/bottom/07.jpg") no-repeat scroll center center;
}
.image-bottom-8 {
    background: rgba(0, 0, 0, 0) url("img/header/bottom/08.jpg") no-repeat scroll center center;
}
.image-bottom-9 {
    background: rgba(0, 0, 0, 0) url("img/header/bottom/09.jpg") no-repeat scroll center center;
}
.image-bottom-10 {
    background: rgba(0, 0, 0, 0) url("img/header/bottom/10.jpg") no-repeat scroll center center;
}
.sponsors-top {
    display: none;
    height: 150px;
    left: 0;
    padding: 15px 5px;
    position: absolute;
    top: 0;
    width: 970px;
}
.sponsors-left {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 160px;
    width: 150px;
}
.sponsors-right {
    height: 331px;
    position: relative;
    text-align: center;
    width: 100%;
}
.sponsor {
    background: rgba(0, 0, 0, 0) radial-gradient(#ffffff 0%, #ffcc55 100%) repeat scroll 0 0;
    border-radius: 10px;
    height: 130px;
    margin: auto auto 35px;
    width: 117px;
}
.sponsors-top .sponsor {
    float: left;
    margin: 0 25px;
}
.sponsors-top img {
    margin: 0 16px;
    max-height: 115px;
    max-width: 125px;
    vertical-align: middle;
}
.lead {
    /*! border-top: 1px solid #a4a1a1; */
    font-weight: bold;
    /*! padding-left: 15px; */
    /*! padding-top: 10px; */
    position: relative;
    text-align: justify;
}
.lead > img {
    display: none;
}
.text img {
    /*! border: 1px solid #61b85c; */
    /*! box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); */
    display: block;
    height: auto;
    margin: 10px auto;
    max-width: 700px;
    padding: 5px;
}
.article_intro {
    /*! border-top: 1px solid #a4a1a1; */
    display: inline-block;
    margin: 5px 30px 20px;
    min-height: 60px;
    padding: 10px 0;
    position: relative;
    /*! width: 550px; */
}
.intro_img {
    border: 1px solid #888888;
    /*! border-radius: 8px; */
    /*! display: none; */
    /*! float: left; */
    height: auto;
    left: 0;
    margin-bottom: 10px;
    overflow: hidden;
    top: 0;
    width: 100%;
}
.intro_img {
}
.intro_img p {
    font-size: 9pt;
}
.intro_text p {
    color: #4d4e4f;
    font-size: 0.8rem;
    text-align: justify;
    font-weight: normal;
}
.intro_more a {
    background: #61b85c none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    margin-top: 10px;
    padding: 5px;
    text-decoration: none;
}
.intro_more a:hover {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
.intro_more {
    display: none;
    font-weight: bold;
    margin-top: 15px;
}
.separator {
    border-bottom: 1px solid #a4a1a1;
    margin: 12px -8px;
}
.column_left_big .separator {
    margin: 12px 0;
}
.intro_text h2 a {
    color: black;
}
.intro_text {
}
.column_middle .intro_text {
    margin-left: 0;
}
.sponsors-left img, .sponsors-right img, .sponsor-img {
    float: left;
    height: auto;
    margin-bottom: 26px;
    margin-right: 10px;
    max-width: 97px;
}
.highlight {
}
.column_left_big p {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.intro_column_right {
    margin-left: 15px;
}
.intro_column_middle {
    height: 600px;
    width: 15px;
}
.highlight .intro_img, .highlight img {
    background-position: center center;
    border-radius: 5px 5px 0 0;
    height: auto;
    left: -8px;
    margin: 0 0 -7px;
    position: relative;
    top: -10px;
    width: 345px;
}
.highlight .intro_text {
    margin-left: 0;
}
.search {
    display: none;
    margin-right: 5px;
    margin-top: 27px;
    position: absolute;
    right: 0;
}
.search_text {
    border: 1px solid #acacac;
    color: #999999;
    width: 150px;
}
.footer-top {
    /*! background: #222222 url("img/logo-bg-bw.png") no-repeat scroll 348px -476px / 2000px auto; */
    /*! box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.5); */
    /*! color: #eeeeee; */
    /*! display: none; */
    /*! margin-top: -5px; */
    /*! position: relative; */
    /*! text-align: left; */
}
.footer-top .footer-inner {
    display: none;
}
.footer-middle {
    /*! background: rgba(0, 0, 0, 0) url("img/footer.png") no-repeat scroll 0 0; */
    /*! height: 584px; */
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 9;
    /*! display: none; */
    margin-top: -15px;
}
.footer-middle .contact, .newsletter-footer, .footer-middle .job, .footer-middle .facebook {
    vertical-align: top;
}
.footer-inner img {
    box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.7);
    margin-right: 19px;
    max-height: 90px;
    max-width: 110px;
    vertical-align: middle;
}
.footer-inner {
    margin: auto;
    width: 960px;
}
.footer-inner p {
    color: #ffffff;
    font-size: 16pt;
    padding-bottom: 15px;
}
.footer-middle a:hover {
    color: #999999;
    text-decoration: none;
}
.footer-inner img:hover {
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.9);
    opacity: 1;
}
div.footer-bottom {
    background: #525fa2 none repeat scroll 0 0;
    color: #fff;
    font-size: 14pt;
    height: 33px;
    line-height: 33px;
    position: relative;
    text-align: center;
    width: 100%;
}
.column_left {
    margin-bottom: 10px;
}
.heading {
    /*! color: #fff; */
}
.heading h1, .page_title h1, .art-post-inner h1, .column_left_big h1, .footer_box h1 {
    /*! background: #efa023 none repeat scroll 0 0; */
    /*! color: #fff; */
    /*! font-size: 52px; */
    /*! font-weight: normal; */
    /*! height: 80px; */
    /*! line-height: 83px; */
    /*! margin: 0; */
    /*! padding: 5px 0 0; */
    /*! text-align: center; */
    margin-top: 35px;
    margin-bottom: 30px;
}
.column_middle {
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
    width: 330px;
}
.column_right {
    float: right;
    padding-bottom: 10px;
    width: 220px;
}
.right_box {
    background: #fafafa none repeat scroll 0 0;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-bottom: 15px;
    padding: 5px;
    position: relative;
    right: 10px;
    width: 220px;
}
.right_box.no_border {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
}
.box_title {
    background: #044394 none repeat scroll 0 0;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    margin: -5px -5px 5px;
    padding: 5px;
}
.sponsor-img {
    margin: 5px;
}
.social {
    display: block;
    float: right;
    position: relative;
    top: -10px;
}
.paging p {
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.paging p {
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.paging {
    margin: 10px 0;
    text-align: center;
}
.paging a, .paging span {
    background: #044394 none repeat scroll 0 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    color: #fff;
    display: inline-block;
    font-size: 22px;
    height: 25px;
    line-height: 22px;
    text-decoration: none;
    width: 25px;
}
.paging a:hover {
    background: #fff none repeat scroll 0 0;
    color: #000;
}
.paging span {
    color: #777;
}
.paging_text {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    box-shadow: none !important;
    color: #000 !important;
    font-size: 12px !important;
    position: relative !important;
    top: -2px !important;
    width: 110px !important;
}
.paging .disabled {
    cursor: default;
}
.searchText {
    border-color: #044394;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    box-sizing: border-box;
    display: inline-block;
    height: 30px;
    margin: 0;
    padding: 5px;
    width: 185px;
}
.searchSubmit {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #044394, #8cbaf6) repeat scroll 0 0;
    border-style: none;
    border-width: 1px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 30px;
    margin: 0;
    padding: 5px 10px;
    width: 45px;
}
form {
}
.button {
    background: #61b85c none repeat scroll 0 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
    font-weight: bold;
    margin: 20px auto auto;
    text-align: center;
    width: 250px;
}
.button a {
    color: #fff;
    display: block;
    padding: 10px;
    text-decoration: none;
}
.button:hover {
    background: #fff none repeat scroll 0 0;
}
.button a:hover {
    color: #000;
}
.szakerto-form {
    margin: 20px auto auto;
    position: relative;
    width: 80%;
}
.szakerto-form form::before {
    border-right: 1px solid #a4a1a1;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.szakerto-form input[type="text"], .szakerto-form textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #888;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #333;
}
.szakerto-form .inputRow, #fieldList > li {
    margin: 10px 160px 10px 0;
    text-align: right;
}
.szakerto-form input[type="text"] {
    height: 22px;
    margin-left: 10px;
    padding: 2px 5px;
    width: 450px;
}
.szakerto-form textarea {
    font-family: Verdana,tahoma,arial;
    font-size: 11pt;
    height: 100px;
    max-width: 600px;
    padding: 5px;
    width: 587px;
}
.center {
    text-align: center;
}
.szakerto-form .submit {
    background: #efa023 none repeat scroll 0 0;
    border: medium none;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    height: 50px;
    margin: 25px 0 0;
    padding: 0 25px;
}
.submit:hover {
    box-shadow: 0 0 4px 0 #c8e19d;
}
.text p {
    font-size: 18px;
    /*! text-align: justify; */
}
#default.intro_img {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #8cbaf6, #deebfc) repeat scroll 0 0;
    padding: 0;
}
.index_boxes .right_box {
    right: 5px;
    width: 100%;
}
.slideshow {
    background: #ddd none repeat scroll 0 0;
    height: 240px;
    margin-bottom: 10px;
}
.extra_menu .menu_item {
    background: #aaa none repeat scroll 0 0;
    display: table-cell;
    text-align: center;
    transition: all 0.5s ease 0s;
}
.extra_menu .menu_item:hover {
    background: #aaa none repeat scroll 0 0;
}
.extra_menu {
    border-spacing: 3px 1px;
    display: table;
    width: 100%;
}
.extra_menu .menu_item.current {
    opacity: 1;
}
.extra_menu .menu_item_content {
    display: none;
    font-size: 12px;
    padding: 5px;
    text-align: justify;
    transition: all 0.5s ease 0s;
}
.menu_content_item.current {
    border-collapse: separate;
    border-spacing: 1px;
    display: table;
    width: 100%;
}
.menu_content_item {
    display: none;
}
.extra_menu .menu_item_header {
    border-bottom: 1px solid #aecff9;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 0;
}
.extra_menu .menu_item.current .menu_item_content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.extra_menu_content {
    font-size: 12px;
    margin: 0 2px;
}
.extra_menu_content .menu_content_cell {
    display: table-cell;
    padding: 3px;
}
.extra_menu_content .menu_content_item_row {
    display: table-row;
}
.extra_menu_footer {
    display: table-row;
}
.menu_item_footer {
    display: table-cell;
    height: 25px;
}
.extra_menu_header {
    display: table-row;
}
.extra_menu_content .menu_content_item_row:first-child {
    font-weight: bold;
}
.extra_menu_content .menu_content_item_row:hover {
    filter: saturate(0.5) brightness(1.2);
    transition: all 0.5s ease 0s;
}
.menu_content_cell > p {
    color: #000;
}
.extra_menu_content a {
    color: #000;
}
.extra_menu .menu_item_image a {
    display: block;
    height: 140px;
    width: 246px;
}
.extra_menu p {
    color: #000;
}
.extra_menu .menu_item_header a {
    color: #000;
}
.extra_menu .menu_item_header a:hover {
    text-decoration: none;
}
.menu_item_content a {
    color: #000;
    display: block;
    margin: 0 0 5px;
    text-align: center;
}
.article_intro_special {
    margin: 15px;
}
.article_intro_row {
    margin-top: 10px;
    position: relative;
}
.article_intro_row:hover {
}
.article_intro_cell a, .article_intro_cell p {
    color: #000;
}
.article_right::after {
    background: #a4a1a1 none repeat scroll 0 0;
    content: "";
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.article_left::after {
    background: #a4a1a1 none repeat scroll 0 0;
    content: "";
    height: 85%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.news_info p {
    display: inline;
}
.icons {
    bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    position: absolute;
    right: 40px;
    text-align: right;
    width: 363px;
}
.icons img {
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 7px;
}
.newsletter-footer input[type="text"] {
    background: #c8e19d none repeat scroll 0 0;
    border: medium none;
    height: 18px;
    margin-left: 7px;
    margin-right: 22px;
    padding: 5px;
    width: 155px;
}
.newsletter .inputRow, .newsletter-footer .inputRow {
    margin: 9px 0px;
    text-align: right;
    position: relative;
}
.newsletter .submit {
    border: none;
    display: inline;
    margin-top: 15px;
}
.newsletter p, .newsletter-footer p {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 9px;
    text-transform: uppercase;
}
.newsletter-footer .submit {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #c8e19d;
    cursor: pointer;
    font-size: 19px;
    font-weight: bold;
    height: 30px;
    margin-right: 5px;
    margin-top: 2px;
    text-transform: uppercase;
}
.right_box .newsletter form {
    width: auto;
}
.right_box .newsletter input[type="text"] {
    width: 120px;
}
.footer_box, .footer_box a, .footer_box td {
    /*! font-size: 12px; */
    text-align: left;
    /*! font-weight: bold; */
}
.footer_box h2, .footer_box h2 a {
    font-size: 14px;
}
.index_boxes .right_box img {
    margin-bottom: 10px;
}
.article_title {
    font-size: 23px;
    margin-bottom: 10px;
}
.article_title a {
    color: #2d3f92;
}
.article_cell {
    font-size: 18px;
    line-height: 30px;
    margin-left: 35px;
}
.article_cell_name {
    color: #a4a1a1;
    display: inline-block;
    width: 235px;
}
.article_cell_value {
    color: #44539c;
}
.article_cell_value.yellow {
    color: #efa023;
}
.article_left, .article_right {
    border-top: 1px solid #a4a1a1;
    display: table-cell;
    padding: 13px;
    vertical-align: top;
}
.article_data {
    float: left;
    min-height: 150px;
    position: relative;
    width: 100%;
}
.article_icons {
    position: absolute;
    right: 100px;
    top: 0;
    width: 100px;
}
.article_right {
    position: relative;
    width: 366px;
}
.article_left {
    padding-left: 25px;
    position: relative;
    width: 800px;
}
.small_circle {
    background: #525fa2 none repeat scroll 0 0;
    border-radius: 50%;
    height: 13px;
    width: 13px;
}
.article_left .small_circle {
    bottom: 11%;
    position: absolute;
    right: -6px;
    z-index: 99;
}
.article_right .small_circle {
    position: absolute;
    right: -6px;
    top: 30px;
}
.article_category {
    left: 0;
    padding: 0 13px;
    position: absolute;
    text-align: center;
    top: -13px;
    width: 366px;
}
.article_category > span {
    background: #fff none repeat scroll 0 0;
    color: #efa023;
    font-size: 14pt;
    font-style: italic;
    padding: 5px;
    text-transform: lowercase;
}
.article_icons > img {
    margin-bottom: 20px;
}
article {
    column-count: 3;
    margin-bottom: 20px;
    /* display: flex; */
}
.article_intro::before, .lead::before, .jelentkezesi-lap h3::before {
    /*! background: #a4a1a1 none repeat scroll 0 0; */
    /*! content: ""; */
    /*! height: 20px; */
    /*! left: 0; */
    /*! position: absolute; */
    /*! top: 0; */
    /*! width: 1px; */
}
.intro_text > h2 {
    /*! margin-left: 15px; */
}
.article_intro .small_circle, .jelentkezesi-lap .small_circle {
    left: -6px;
    position: absolute;
    top: 16px;
    display: none;
}
.column_left_big, .content {
    color: #545252;
    /*! font-size: 18px; */
}
.intro_column_left .separator {
    display: none;
}
.lead .small_circle {
    left: -6px;
    position: absolute;
    top: 15px;
    display: none;
}
h1 .triangle {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 16px solid #fff;
    height: 0;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    top: 0;
    width: 0;
}
.category .column_left, .column_left_big {
    margin: 40px;
}
.column_left_big h1, .page_title, .heading, .art-post-inner {
    margin: -40px -40px 30px;
}
.newsletter-footer {
    color: #c8e19d;
    font-weight: bold;
    left: 573px;
    position: absolute;
    top: 318px;
    width: 240px;
}
.newsletter {
    /*! color: #c8e19d; */
    /*! font-weight: bold; */
    /*! left: 589px; */
    /*! position: absolute; */
    /*! top: 321px; */
    width: 386px;
    /*! display: none; */
    font-size: 16px;
    text-align: left;
    margin: 40px auto;
}
.newsletter input[type="text"], .newsletter textarea {
    background: #f3f3f3;
    border: medium none;
    height: 25px;
    margin-left: 15px;
    margin-right: 7px;
    padding: 5px;
    width: 220px;
    font-size: 16px;
    color: #343434;
}
.article_right .article_cell_name {
    color: #525fa2;
    font-size: 23px;
}
.article_right .article_cell_name, .article_right .article_cell_value {
    display: block;
    text-align: center;
    width: 100%;
}
.article_right .article_cell {
    margin: 15px;
}
.article_right .article_cell_value {
    color: #efa023;
    font-size: 45px;
    margin-top: 18px;
}
.swiper-container {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.swiper-slide {
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    background: #fff none repeat scroll 0 0;
    display: flex;
    font-size: 18px;
    justify-content: center;
    text-align: center;
}
.swiper-slide img, .swiper-slide a {
    height: 100%;
    width: 100%;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    height: 0;
    left: 0;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    transition: all 1s ease 0s;
    width: 100%;
    z-index: 99999;
}
.overlay-content {
    background: #525fa2 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    margin: auto;
    min-height: 350px;
    position: relative;
    text-align: center;
    top: 25%;
    width: 350px;
}
.overlay .closebtn {
    color: #f90;
    font-size: 60px;
    position: absolute;
    right: -5px;
    text-decoration: none;
    top: -20px;
}
.overlay-content .newsletter {
    left: 54px;
    top: 65px;
    width: 250px;
}
.overlay-content .newsletter > p {
    margin-bottom: 20px;
}
.overlay-content .newsletter input[type="text"] {
    margin-right: 20px;
    width: 182px;
}
.overlay-content .newsletter .submit {
    margin-top: 8px;
}
.required {
    color: #f00;
    font-size: 14px;
    vertical-align: super;
}
.jelentkezem_gomb {
    background: #1d4685;
    color: #fff;
    display: block;
    font-size: 23px;
    padding: 7px 25px;
    text-align: center;
    width: 200px;
}
.article_cell.jelentkezem {
    bottom: 10px;
    left: 55px;
    position: absolute;
}
.jelentkezem_gomb:hover {
    text-decoration: none;
}
.jelentkezesi-lap.szakerto-form > h2 {
    color: #545252;
    font-size: 34px;
    font-weight: normal;
    margin-bottom: 0;
}
#fieldList > li {
    list-style-type: none;
}
.checkbox {
    margin: 25px 30px 25px 0;
    text-align: right;
}
.checkbox > input {
    margin-right: 30px;
}
#addMore {
    background: white none repeat scroll 0 0;
    border: medium none;
    bottom: 120px;
    cursor: pointer;
    display: block;
    font-size: 18px;
    padding: 7px 60px;
    position: absolute;
    right: 35px;
    z-index: 9;
}
.jelentkezesi-lap.szakerto-form ul {
    border-bottom: 1px solid #a4a1a1;
    margin-bottom: 40px;
    padding: 0 0 50px;
}
.jelentkezesi-lap h3 {
    border-top: 1px solid #a4a1a1;
    margin-top: 35px;
    padding-left: 15px;
    padding-top: 10px;
    position: relative;
}
.jelentkezesi-lap h4 {
    display: inline-block;
    float: left;
    padding-left: 15px;
}
.big_plus {
    background: #525fa2 none repeat scroll 0 0;
    border-radius: 50%;
    color: white;
    font-family: sans-serif;
    font-size: 50px;
    height: 43px;
    line-height: 43px;
    position: absolute;
    width: 43px;
}
.szakerto-form form::after {
    border: 3px solid white;
    bottom: 0;
    content: "";
    height: 130px;
    position: absolute;
    right: -2px;
}
.jelentkezesi-lap.szakerto-form form {
    position: relative;
}
.big_plus.before {
    left: 0;
    top: -1px;
}
.big_plus.after {
    right: 0;
    top: -1px;
}
.newsletter textarea {
    height: 60px;
}
.right {
    text-align: right;
}
.hirlevel-logo {
    display: block;
    width: 83px;
    height: 52px;
    position: absolute;
    bottom: 0;
    background: url('img/logo-hirlevel.png') center center no-repeat;
}
.clear {
    clear: both;
    float: none;
    height: 1px;
  }
.nomargin {
    margin: 0 !important;
}
.inputRow input[type="checkbox"] {
    margin-right: 450px;
}
.box div {
    width: 255px;
    /*! background: #B40D54; */
    /*! color: #fff; */
    display: inline-block;
    /*! height: 245px; */
    vertical-align: top;
    margin-right: 25px;
    margin-bottom: 30px;
    margin-top: 0;
    margin-left: 25px;
}
.text .box div {
    height: 320px;
    /*! text-align: left; */
    font-size: 0.9rem;
    line-height: normal;
}
.box, .content.category {
    /*! text-align: center; */
    margin-bottom: 15px;
    background: #e2e6e8;
}
.text .box {
    background: none;
}
.box.highlights {
    padding-bottom: 10px;
    text-align: center;
}
.box.highlights div {
    /*! min-height: 200px; */
    width: 30%;
    max-width: 380px;
    /*! background: #1F2D3A; */
    color: #4d4e4f;
    font-size: 0.8rem;
    text-align: justify;
}
.box img {
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
}
.course_intro .cell.cell1 {
    min-width: 450px;
}
.box.highlights img, .content.category img {
    width: 100%;
    /*! margin: -3px; */
    padding: 0px;
}
.box.highlights td {
    vertical-align: top;
}
.box.highlights p, .content.category p {
    /*! margin: 0 10px; */
}
.box.highlights h2, .content.category h2 {
    font-size: 1.2rem;
    /*! margin: 10px auto; */
    /*! font-weight: normal; */
    border-bottom: 1px solid #e97e19;
    /*! width: 75%; */
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    /*! min-height: 70px; */
}
.box.highlights .lead {
    margin: 0 10px;
    font-size: 21px;
    font-weight: normal;
}
.box a {
    color: black;
}
.text {
    line-height: 150%;
    text-align: justify;
}
.text .box ul li {
    list-style-type: none;
}
.text .box ul li:before {
    content: '-';
    margin-right: 5px;
}
.text .box p {
    margin: 0;
}
.text .box ul {
    font-size: 0.7rem;
    padding: 0px 0px 0px 7px;
    margin: 6px 0 0 0;
    text-align: left;
}
.footer-middle .box {
    margin: 0;
    /*! color: #1d4685; */
    /*! border-top: 1px solid; */
}
.footer_box.box img {
    margin: 0;
    vertical-align: middle;
}
.footer_box.box a {
    color: #1d4685;
}
.footer-middle p {
    margin: 10px 0;
}
.more_news {
    text-align: right;
    display: block;
    margin-right: 40px;
    color: #0189c7 !important;
    font-size: 0.85rem;
    font-style: italic;
}
.content .text {
    padding: 40px;
    padding-top: 10px;
    display: inline-block;
}
.column_left_big .text {
    padding: 0;
}
.article_intro h2 {
    min-height: auto !important;
}
li:hover span,
li:hover a {
    transform: skew(22deg, 0);
    transition: 0.3s;
    /*! font-style: normal; */
}
ul.cssMenu li span,
ul.cssMenu li a {
    transition: 0.3s;
}
.heading h1, .page_title h1 {
    margin-top: 50px;
}

.contact-form {
    background: none repeat scroll 0 0 #eee;
    border-bottom: 5px solid #0189c7;
    border-top: 5px solid #0189c7;
    box-shadow: 0 0 4px 0 grey;
    margin: 20px auto;
    padding: 20px;
    width: 600px;
}
.contact-form form {
    margin: 0;
    width: 600px;
}
.contact-form input[type="text"], .contact-form textarea {
    background: none repeat scroll 0 0 #ddd;
    border: 1px solid #ccc;
    color: #333;
}
.contact-form .inputRow {
    margin: 5px 0;
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
}
.contact-form input[type="text"] {
    height: 22px;
    /*! margin-left: 10px; */
    padding: 2px 5px;
    width: 250px;
}
.contact-form textarea {
    font-family: Verdana,tahoma,arial;
    font-size: 11pt;
    height: 100px;
    max-width: 600px;
    padding: 5px;
    width: 587px;
}
.center {
    text-align: center;
}
.contact-form .submit {
    background: none repeat scroll 0 0 #1d4685;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    /*! height: 25px; */
    margin: 20px 0 0;
    width: 100px;
    padding: 10px;
    font-size: 11pt;
}
.submit:hover {
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.7);
}
.fb-page {
    width: 100% !important;
    margin: 0 !important;
    /* margin-bottom: 10px !important; */
}
.fb-page iframe {
    border: 2px #1d4685 solid !important;
}
.gdpr-msg {
    text-align: center;
    display: block;
}

@media (max-width:1335px) {
    div.header {
        background-size: 75% 100%;
    }
    .header {
        background: #fff !important;
    }
    .logo {
        background: rgba(0, 0, 0, 0) url("img/logo.png") no-repeat scroll 20px 0px;
    }
    ul.cssMenu li {
        padding: 0 14px;
    }
    .menurow {
        padding-right: 0 !important;
    }
    .box.highlights div {
        width: 40%;
        max-width: 40%;
    }
}
@media (max-width:1124px) {
    .logo {
        background: rgba(0, 0, 0, 0) url("img/logo.png") no-repeat scroll 10px 0px;
    }
    .header .contact {
        left: 60px;
    }
}

@media (max-width:1023px) {
    .menurow {
        /*width: 75%;*/
        /*display: block;*/
        display: none;
    }
    #topNav {
        display: block;
    }
    article {
        column-count: 2;
    }
    .footer-td {
        display: block;
        width: 100% !important;
        border-bottom: 2px solid #1d4685;
        padding: 20px 0;
        text-align: center !important;
        font-size: 1.2rem;
    }
    .footer-td img {
        min-width:  75% !important;
        width: auto !important;
        height: auto;
    }
    .footer-line {
        display: none !important;
    }
}
@media (max-width:799px) {
    .box.highlights div {
        width: 100%;
        max-width: 90%;
    }
    article {
        column-count: 1;
    }
    .text p {
        font-size: 1.6rem;
        line-height: 2rem;
    }
}