.row {
  width: 100%;
}

.top-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: black;
}

#header-left {
  text-align: left;
  flex: 1;
}

#header-left img {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 400px;
  max-width: 33%;
}

#header-middle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  text-align: center;
  width: 33%;
  align-content: center;
  flex: 1;
}

#header-middle #logo {
  margin: 0.5rem 0 0.5rem 0;
  display: none;
}
#header-middle #logo img {
  height: 45px;
}

#header-middle #title {
  margin-bottom: 0.5rem;
}

#header-middle h1 {
  font-size: 3rem;
  color: yellow;
}
#header-middle h2 {
  color: white;
  font-size: 2rem;
}

#header-right {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 33%;
  flex: 1;
}

#social {
  margin: 0 1rem;
}
#social ul {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  list-style-type: none;
  align-items: center;
}
#social ul li {
  margin: 0.5rem;
}
#social ul li a {
  color: #aaaaaa;
  font-size: 2rem;
}
#social ul li a:hover {
  color: #545454;
}
#social ul li i {
  font-size: 4rem;
  color: white;
}
#social ul li img {
  width: 44px;
  border-radius: 50%;
}

#login {
  margin: 0 1rem;
  background-color: #fffe01;
  padding: 0.5rem 1rem;
}
#login a {
  color: #000000;
  font-size: 2rem;
}
#login a:hover {
}
#login i {
  color: #000000;
}

.header-menu {
  background-color: #fffe01;
}

#header-slider {
  height: 450px;
}

.breadcrumb {
  background: #000000;
}

#breadbox {
  width: 70%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#breadbox ul {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 1rem;
  align-items: center;
}
#breadbox ul li {
}
#breadbox a {
  color: white;
  font-size: 2rem;
  font-weight: 100;
}
#breadbox a:hover {
  color: #d9d9d9;
}
#breadbox i {
  margin: 0rem 0.5rem;
  color: #fffdfd;
  font-size: 2rem;
}

#breadbox form {
}
#breadbox input {
  font-size: 2.1rem;
  border: none;
  padding: 0.5rem;
  font-family: var(--ft-primary);
}
#breadbox form input[type="text"] {
  background: #ffffff;
  color: #000000;
}
#breadbox form input[type="submit"] {
  background: #6f706f;
  color: #a2a2a2;
}

.main-pages {
  width: 85%;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

#inner-block {
  width: 100%;
}

#inner-block h1 {
}
h1.page-title {
  text-align: center;
  text-transform: uppercase;
  padding: 0.5rem;
  width: 90%;
  font-size: 3.6rem;
  margin: 1rem auto;
}
h1.blue-title {
  color: #000000;
  border-bottom: 1px dashed #43b9f1;
}

#content-column {
  display: flex;
}

.oldal-dobozos {
  flex-direction: row;
  flex-wrap: wrap;
  display:flex;
}

.oldal-statikus {
  flex-direction: column;
  font-family: Roboto Condensed;
  font-size: 2.2rem;
  font-weight: 300;
}

.oldal-statikus .subtitle{
  margin: 0 auto 1rem auto;
  display: flex;
  flex-direction: column;
  text-align:center;
}

.subtitle span{
  margin: 0.2rem auto
}

.subtitle span:nth-of-type(1){
  font-weight:300;
  color: #334064;
}

.subtitle span:nth-of-type(2){
  font-weight:600;
  color: #52a2c8;
  text-transform:uppercase;
  font-size: 1.6rem
}

.oldal-statikus p {
  text-align: justify;
  margin: 0.3rem auto;
  line-height: 3rem;
}

.oldal-statikus img{
  margin: 1rem auto;
  border: 1px solid white;
  box-shadow: 0px 0 20px 0px #5c5c5c36;
}

.oldal-statikus ul {
  list-style-type: none;
  margin: 0.8rem 0;
}

.oldal-statikus li{
  line-height: 4rem;
}

.oldal-statikus li:before {
  content: "\f101";
  color: #000000;
  margin-right: 0.3rem;
  font-weight: bold;
  font-family: "Font Awesome 6 free";
}
.oldal-statikus a {
  color: #202124;
}

.oldal-statikus a:hover {
  color: #7e7e7e;
}

.oldal-statikus table {
  width: 100%;
  margin: 1rem auto;
}
.oldal-statikus tr {
}

.oldal-statikus th,
td {
  padding: 0.8rem;
}

.oldal-statikus tr:hover {
  background: #f9f9f9;
}

.oldal-statikus tr:nth-child(odd):hover {
  background: white;
}

.oldal-statikus tr:nth-child(odd) {
  background: #f9f9f9;
}

.oldal-statikus th {
  background-color: #006fa4;
  color: white;
  font-weight: 400;
}
.oldal-statikus td {
  font-weight: 300;
}

article {
  width: 48%;
  margin: 0 1% 3rem 1%;
}
article .date {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #13a5eb;
  font-weight: 300;
  display:flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
}

.date span{margin: 0.2rem 0;width: 100%;}

.date span:nth-of-type(3){
  color: #939393;
}

.date i{
  margin-right: 0.6rem;
  display: inline-block;
  text-align: center;
}

article .article-title{
  margin: 0.5rem 0;
}

article .article-title a {
  font-size: 1.8rem;
  color: #444444;
}
article .article-title a:hover {
  color: #8f9091;
}
article .article-img {
  height: 230px;
  /* background-image: url("../images/stock/job.jpg"); */
  background-size: cover;
  background-repeat: no-repeat;
}
article .article-text {
  text-align: justify;
  line-height: 2rem;
  font-weight: 200;
  font-size: 1.2rem;
  margin-top: 0.8rem;
  font-family: Roboto Condensed;
}

.main-gallery {
  background-color: #000000;
  margin-top: 2rem;
}
h1.white-title {
  color: #fbfbfb;
  border-bottom: 1px dashed #003c59;
}

#gallerybox {
  display: flex;
}

.albumbox {
  display: flex;
  height: ;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
}

.content-gallery .album-image{
  height: 300px !important;
  width: 300px !important;
  /* background-image: url("../images/stock/meeting.jpg") !important; */
}

.albumbox .album-image {
  height: 500px;
  width: 500px;
  /* background-image: url("../images/stock/job.jpg"); */
  margin: 1rem auto;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #ffffff70;
  box-shadow: 0px 0 20px 0px #443f3f99;
  transition: 2s;
}

.album-image:hover{
  box-shadow: 0px 0 20px 0px #5c5c5c36;
  transform: scale(1.08);
}

.albumbox .title {
  font-size: 2.6rem;
  color: #efff00;
}

.albumbox .title:hover {
  color: #ffffff;
}

.albumbox .date {
  font-size: 3rem;
  color: #fff;
}
.albumbox .count {
  font-size: 2.3rem;
  font-weight: 200;
  color: #ffffff;
}
.lSSlideOuter {
  margin-bottom: 2rem !important;
}

.content-gallery {
  width: 30%;
}

.letoltes-kereso {
  display: flex;
  margin: 1rem auto;
  align-items: center;
  background: #006fa4;
  width: 50%;
  flex-direction: column;
}
.letoltes-kereso h3 {
  color: white;
  margin: 1rem auto;
  font-family: "Oswald";
}
.letoltes-kereso form {
  margin: 0 auto;
  display: flex;
  align-items: center;
  width: 100%;
}
.letoltes-kereso input {
  border: none;
  padding: 0.8rem;
  font-size: 1rem;
  font-family: "Roboto Condensed";
  margin: 1rem;
}
.letoltes-kereso input[type="text"] {
  width: 100%;
  margin: 0 1rem;
}
.letoltes-kereso input[type="submit"] {
}

.letoltes-kategoria {
  margin: 1rem;

  background-color: #f9f9f9;
}

.kategoria-cim {
  background: #006fa4;
  color: white;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
}

.kategoria-cim i {
  margin: 1rem;
}
.kategoria-cim span {
}

.unlocked {
}
.locked {
}

.letoltes-kategoria ul {
  margin: 1rem 2rem;
}

.letoltes-kategoria li::before{
  content: "";
}

.letoltes-kategoria li i{
  color:#006fa4;
  font-size: 1.3rem;
  margin-right:0.5rem;
}


.letoltes-kategoria li {
  line-height: 2.2rem;
}

.letoltes-kategoria p{
  margin:1rem 2rem;
}

.footer {
  margin-top: 1.5rem;
  background-color: #ffffff;
  margin-bottom: 1rem;
}

#footer-inner {
  width: 70%;
  display: flex;
  margin: 0.5rem auto;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}

.footer-block {
  flex: 1;
  margin: 0 0.5rem;
}
.footer-block h4 {
  font-weight: 700;
  font-size: 3rem;
  text-transform: uppercase;
  color: black;
  padding-bottom: 0.5rem;
  margin: 1rem 0;
  border-bottom: 2px solid #50a1db;
}

.footer-block a,
.footer-block p,
.footer-block li {
  color: #000000;
  font-size: 2rem;
  font-weight: 300;
  line-height: 4rem;
}

.footer-block a:hover {
  color: #e9e8e8;
}

.footer-block ul {
  list-style-type: none;
}
.footer-block li {
}

#impressum {
  text-align: center;
}
#impressum p {
  color: #787878;
  line-height: 4.7rem;
  margin-bottom: 2rem;
  font-size: 3rem;
}


nav {
  text-align: center;
  z-index: 1;
}
nav ul {
  padding: 0px;
  position: relative;
  z-index: 9999;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
nav ul li {
  display: inline-block;
  list-style-type: none;
  padding: 1rem;
}
nav ul li > ul {
  display: none;
  position: absolute;
}

nav ul li:hover {
  background-color: #fffe01;
}

nav ul li:hover > ul {
  display: block;
  top: 100%;
  text-align: left;
  background: ;
}
nav ul li > ul li {
  display: block;
  position: relative;
  background-color: #fffe01;
  margin-top: 1px;
  margin-left: -1rem;
}
nav ul li a {
  display: block;
  text-transform: uppercase;
  font-size: 2.8rem;
  font-weight: 600;
  color: black;
}


nav ul li a:hover {
}

nav ul li span {
  display: block;
  cursor: pointer;
  display: block;
  text-transform: uppercase;
  font-size: 2.8rem;
  font-weight: 600;
  color: black;
}

nav ul li:hover > ul a {
  text-transform: none;
  font-weight: normal;
  font-size: 2.5rem;
}

nav ul li:hover > ul a:hover {
  margin: ;
}

nav ul li > ul li:hover {
  background-color: #f5f5f5;
}

nav ul li a:hover {
}

#lapozo{
   text-align:center; 
}

#lapozo a{
  background: #006fa4;
  color: white;
  padding: 0.5rem 0.8rem;
  margin: 0 0.5rem
}

#lapozo span.navigacio {
    background: #9e9e9e;
    color: white;
    padding: 0.5rem 0.8rem;
    margin: 0 0.5rem
}
#lapozo a.navigacio {
}

#lapozo a.navigacio:hover {}

#lapozo span.navigacio {
}
#lapozo a.navigacio_2:hover {}