/*
Kiegeszito CSS
*/

#hiba { background: #ff0000; color: #ffffff; font-size: 1.2em; font-weight: 600; padding: 10px; margin: 10px auto; }

html, body { height: 100%; min-height: 100%; }
body { color: #0c3778; position: relative; font-size: 16px; font-family: 'Montserrat', sans-serif; }
iframe { max-width: 100%; max-height: 100%; }
#body { min-height: 100%; margin-bottom: -72px; }
#body .push { height: 72px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; }
h2 { font-size: 1.6em; }
table { border: 1px solid #0c3778; }
table tr:nth-child(1) { background: #b5d5f7; font-size: 1.2em; }
table tr:nth-child(even) { background: #0c3778; color: #ffffff; }

.admin { padding: 0px; margin: 30px; }
.admin .gombok { float: left; min-width: 80px; }
.admin label { margin-top: 15px; }
.admin ul.adminmenu { max-width: 80%; }
.admin ul.adminmenu li { border: 1px solid #cccccc; border-radius: 5px; display: inline-block; font-size: 1.2em; margin: 0 20px 20px 0; min-width: 270px; text-align: center; }
.admin ul.adminmenu li a { display: inline-block; padding: 40px 20px; }
.admin ul.adminmenu li:hover { background: #eeeeee; border: 1px solid #aaaaaa; }
textarea.tmce_big { height: 400px; }
.more { display: none; visibility: hidden; }
.nezet_teljes { display: block !important; }
.nezet_mobil { display: none !important; }

.ujkep { background: #e6c057; border-radius: 100px; color: #ffffff; display: inline-block; font-size: 6.0em; height: 150px; position: relative; text-align: center; width: 100px; }
.ujkep:hover, .ujkep:focus { background: rgb(200, 100, 0); color: #e6c057; }

.tartalom { margin-top: 15px; }
.tartalom label { font-weight: 600; }
.tartalom input, .tartalom select, .tartalom textarea { background: #b5d5f7; border: none; border-radius: 5px; color: #0c3778; font-weight: 600; margin: 0px 0px 15px 0px; padding: 2px; }
.tartalom input::placeholder, .tartalom select::placeholder, .tartalom textarea::placeholder { color: #0c3778; }
.tartalom textarea { min-height: 150px; }

.szolgaltatasok .egyszolgaltatas { }
.szolgaltatasok .egyszolgaltatas .leiras .cim { background: #9e3a7b; color: #ffffff; display: inline-block; font-weight: 600; margin-bottom: 15px; padding: 5px 15px; }
.szolgaltatasok .egyszolgaltatas .leiras .szoveg { color: #254e8f; }

.galeria { text-align: center; }
.galeria .album { background: #e0e0e0; border: 1px solid transparent; display: inline-block; margin: 0px 10px 10px 0px; width: 22%; overflow: hidden; padding: 0px; position: relative; }
.galeria .album:hover, .galeria .album:focus { border: 1px solid #254e8f; }
.galeria .album a { color: #ffffff; font-weight: 600; }
.galeria .album .kep { background-position: center center; background-size: cover; height: 170px; width: 100%; }
.galeria .album .kep:hover, .galeria .album .kep:focus { opacity: 0.7; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; }
.galeria .album .kepadmin { background: rgba(255,255,255,0.6); position: absolute; top: 0px; right: 13px; margin: 0px; }
.galeria .album .kepadmin a img { border: none; min-height: 16px; min-width: 16px; }
.galeria .album .cim { background: #254e8f; width: 100%; height: 50px; overflow: hidden; padding: 2px 5px; }
.galeria .kepek { background: #e0e0e0; border: 1px solid transparent; display: inline-block; margin: 0px 10px 10px 0px; width: 22%; overflow: hidden; padding: 0px; position: relative; }
.galeria .kepek:hover, .galeria .kepek:focus { border: 1px solid #254e8f; }
.galeria .kepek a { color: #ffffff; font-size: 0.9em; }
.galeria .kepek .kep { background-position: center center; background-size: cover; height: 170px; width: 100%; }
.galeria .kepek .kep:hover, .galeria .kepek .kep:focus { opacity: 0.7; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; }
.galeria .kepek .kepadmin { background: rgba(255,255,255,0.6); position: absolute; top: 0px; right: 13px; margin: 0px; }
.galeria .kepek .kepadmin a img { border: none; min-height: 16px; min-width: 16px; }
.galeria .kepek .cim { background: #254e8f; width: 100%; }

#news h2 { margin-bottom: 30px; }
#news .hirek { padding: 0; }
#news .hirek .hir { padding: 10px 15px; margin-bottom: 15px; }
#news .hirek .hir .arnyek { padding: 10px 10px 15px 10px; }
#news .hirek .hir .kep { background-size: cover;  background-position: center; center; background-repeat: no-repeat; margin-bottom: 10px; text-align: center; height: 160px; }
#news .hirek .hir .cim { color: #0c3778; font-size: 1.2em; font-weight: 600; padding: 5px 0; }
#news .hirek .hir .cim a { color: #0c3778; }
#news .hirek .hir .szoveg { color: #0e407f; overflow: hidden; height: 100px; margin-bottom: 15px; }
#news .hirek .hir .gombok { position: relative; }
#news .hirek .hir .gombok .tovabb { display: inline-block; }
#news .hirek .hir .gombok .tovabb a { background: #b5d5f7; border-radius: 20px; color: #0c3378; font-size: 0.9em; padding: 7px 20px; }
#news .hirek .hir .gombok .fbshare { background: #0c3778; border-radius: 50%; display: inline-block; height: 28px; position: absolute; right: 30px; width: 28px; }
#news .hirek .hir .gombok .fbshare img { max-width: 20px; max-height: 20px; left: 9px; position: relative; top: 2px; }
#news .hirek .hir .gombok .instashare { background: #0c3778; border-radius: 50%; display: inline-block; height: 28px; position: absolute; right: 0px; width: 28px; }
#news .hirek .hir .gombok .instashare img { max-width: 20px; max-height: 20px; left: 4px; position: relative; top: 1px; }
#news .egyhir { padding: 20px; max-width: 800px; margin: 0 auto; }
#news .egyhir .kep { margin-bottom: 10px; text-align: center; }
#news .egyhir .kep img { max-width: 100%; }
#news .egyhir .cim { font-weight: 600; font-size: 1.2em; padding: 5px; text-align: center; }
#news .egyhir .cim a { color: #0c3778; }

#gallery h2 { margin-bottom: 10px; }
#gallery .kepek { background: #d6e4f1; color: #333 !important; }
#gallery .kepek .egykep { margin: 5px; position: relative; }
#gallery .kepek .egykep .kep { text-align: center; }
#gallery .kepek .egykep .kep img { width: 100%; }
#gallery .kepek .egykep .cim { background: #0e407f; color: #ffffff; font-weight: 600; text-align: center; width: 100%; padding: 10px; position: absolute; bottom: 5px; }

#contact { background-image: linear-gradient(#ffffff, #0c3778); }
#contact .arnyek { box-shadow: 0 0 15px #a0a0a0; padding: 20px; }
#contact .row { background: #ffffff; }
#contact .adatok { font-weight: 1000; margin-bottom: 20px; padding: 10px 20px; }
#contact .adatok a { color: #000000; }
#contact .adatok .adat { margin-bottom: 10px; }
#contact .adatok .adat .gomb { background: #0c3778; border-radius: 50%; display: inline-block; height: 32px; width: 32px; position: relative; margin-right: 10px; }
#contact .adatok .adat .gomb img { max-height: 20px; max-width: 20px; position: relative; top: 4px; left: 8px; }
#contact .adatok .adat span { position: relative; top: 3px; }
#contact .terkep { height: 360px; }
#contact .terkep iframe { border-radius: 5px; }
#contact h2 { margin-bottom: 30px; }
#contact input, #contact textarea { margin-bottom: 20px; padding: 15px; width: 100%; }
#contact textarea { height: 200px; }
#contact input[type=submit] { border-radius: 20px; width: auto; }

.szolgaltatasok .szolgaltatas { }
.szolgaltatasok .szolgaltatas .belso { background: #ffffff; padding: 10px; margin: 0; }
.szolgaltatasok .szolgaltatas .kep { background-size: cover; background-position: center center; height: 150px; }
.szolgaltatasok .szolgaltatas .cim { height: 75px; max-height: 75px; }
.szolgaltatasok .szolgaltatas .szoveg { overflow: hidden; height: 70px; }
.szolgaltatasok .szolgaltatas .link { background: #254e8f; color: #ffffff; border-radius: 3px; margin-top: 20px; text-align: center; font-weight: 600; padding: 5px 20px; }
.szolgaltatasok .egyszolgaltatas .kepek { text-align: center; }
.szolgaltatasok .egyszolgaltatas .kepek .nagykep { margin-bottom: 20px; }
.szolgaltatasok .egyszolgaltatas .kepek .nagykep img { max-width: 100%; }
.szolgaltatasok .egyszolgaltatas .kepek .kiskepek .kiskep { max-width: 100%; }

.termekek .termek { color: #254e8f; padding: 30px; }
.termekek .termek a { color: #254e8f; }
.termekek .termek .kep { background-size: cover; background-position: center center; height: 220px; width: 100%; }
.termekek .termek .cim { font-size: 1.2em; font-weight: 600; margin-bottom: 15px; }
.termekek .termek .szoveg { overflow: hidden; height: 94px; margin-bottom: 15px; text-align: justify; }
.termekek .rendeles { background: #0c3778; color: #ffffff !important; }
.termekek .egytermek { }
.termekek .egytermek .leiras .cim { font-weight: 600; font-size: 1.2em; }
.termekek .egytermek .leiras .szoveg { color: #254e8f; }
.termekek .egytermek .kepek { text-align: center; }
.termekek .egytermek .kepek .nagykep { margin-bottom: 20px; }
.termekek .egytermek .kepek .nagykep img { object-fit: scale-down; max-height: 300px; max-width: 100%; }
.termekek .egytermek .kepek .kiskepek img { object-fit: scale-down; max-height: 100px; max-width: 100%; }

#hamburgermenu { display: none; position: absolute; top: 133px; left: 10px; }
#hamburgermenu .hmenu { background: #0c3778; width: 26px; height: 5px; border-radius: 2px; display: block; margin-bottom: 2px; position: relative; left: 12px; top: 8px; }
#nav-mobile { display: none; position: absolute; height: 110%; background: #0c3778; color: #ffffff; width: 300px; top: 0; right: 0; z-index: 100; }
#nav-mobile a { color: #ffffff; }
#nav-mobile ul { margin: 20px 0 0 30px; }
#lang { background: #b5d5f7; border: none; border-radius: 15px; color: #0c3778; font-weight: 600; padding: 6px 8px; }
.logo img { max-width: 95%; }
.splash { background: url(../img/splash.jpg); background-size: cover;  background-position: center center; height: 450px; position: relative; }
.splash img { max-height: 75%; max-width: 100%; top: 15%; position: relative; }
.gomb a { background: #b5d5f7; border-radius: 20px; color: #0c3378; font-size: 0.9em; padding: 7px 20px; }
.kereso input { border-radius: 10px; padding: 5px 10px; }
.lapozo a { background: #b5d5f7; border: none; border-radius: 50%; color: #0c3778; font-weight: 600; margin: 0 5px 0 0; padding: 5px 10px; display: inline-block; width: 34px; overflow: hidden; text-align: center; }
.lapozo a.mind { border-radius: 10px; width: auto; }
.top { background: #0c3778; color: #ffffff; font-size: 0.9em; }
.top a { color: #ffffff; }
.top img { margin-right: 5px; }
.top .social img { margin-right: 10px; }
.footer { background: #0c3778; color: #ffffff; }
.footer a { color: #ffffff; }
.footer .ikonok img { height: 40px; margin: 0px 10px; }
.arnyek { box-shadow: 5px 0px 15px #d0d0d0; border-radius: 3px; }

.blokk-galeria img { max-height: 100%; max-width: 100%; }
.blokk-galeria .arnyek { padding: 10px; }
.blokk-galeria .kiskep { background-size: cover; background-position: center center; height: 196px; width: 100%; }
.blokk-galeria .kiskep a { height: 100%; width: 100%; }
.blokk-galeria .kiskep:hover, .blokk-galeria .kiskep:focus { opacity: 0.7; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; }
.blokk-galeria .kiskep a div { height: 100%; width: 100%; }
.blokk-galeria .nagykep { background-size: cover; background-position: center center; height: 420px; width: 100%; }
.blokk-galeria .nagykep:hover, .blokk-galeria .nagykep:focus { opacity: 0.7; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; }
.blokk-galeria .nagykep a { height: 100%; width: 100%; position: relative; font-weight: 800; text-align: center; font-family: 'Oswald', sans-serif; font-size: 1.4em; color: #0c3778; }
.blokk-galeria .nagykep a div { background: #ffffff; border-radius: 5px; display: inline; padding: 10px 20px; max-width: 40%; width: 40%; position: relative; top: 190px; left: 40%; margin: 0 auto; }
.blokk-partnerek .partner img { max-width: 80%; }
.blokk-rolunk { background: #0c3778; color: #ffffff; }
.blokk-rolunk .rovid-tartalom { height: 400px; overflow: hidden; }
.blokk-rolunk img { margin-bottom: 15px; }

.o-main { margin-top: 0 !important; }
.oldal-rolunk img { padding: 5px 15px 0 0; max-width: 100%; }

header { background: #f5f5f5; }
header .container { max-width: 1400px; }
header nav ul li { display: inline-block; }
nav { display: inline-block; font-family: 'Oswald', sans-serif; font-size: 1.2em; }
nav ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; }
nav ul li a { display: inline-block; padding: 5px 6px; color: #0c3778; font-weight: 600; text-decoration: none; }
nav ul li a.active { background: rgba(255, 255, 255, 0.3); border-radius: 10px; }
nav ul li a:hover, #header #nav ul li a:focus { background: #b5d5f7; border-radius: 10px; }

@media (max-width: 1399px) {
  .admin ul.adminmenu { max-width: 100%; }
}
/* Tablet */
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
  .galeria .album { display: block; margin: 0px auto 10px auto; max-width: none; width: 80%; }
  .galeria .album .kep { height: 320px; }
  .galeria .kepek { width: 46%; }
  .galeria .kepek .kep { height: 320px; }
  .nezet_teljes { display: none !important; }
  .nezet_mobil { display: block !important; }
  .arnyek { box-shadow: 0px 5px 15px #d0d0d0; }
  .blokk-rolunk .rovid-tartalom { height: 415px; }
  .blokk-partnerek .partner img { max-width: 60%; }
  .logo { text-align: center; margin-bottom: 15px; }
  .logo img { max-width: 60%; }
  .splash { height: 370px; }
  .termekek .termek .arnyek { padding-bottom: 15px; }
  #nav { display: none; }
  #hamburgermenu { display: inline-block; }
  #lang { position: absolute; top: -65px; right: 10px; }
  #nav-mobile { border-left: 3px solid #ffffff; }
  #contact .terkep { margin-bottom: 30px; }
}
@media (max-width: 767px) {
  .galeria .kepek .kep { height: 240px; }
  .tartalom img { max-width: 100%; }
}
@media (max-width: 667px) {
  .galeria .kepek { display: block; margin: 0px auto 10px auto; max-width: none; width: 80%; }
  .galeria .kepek .kep { height: 280px; }
}
@media (max-width: 600px) {
  #gallery .kepek .egykep { margin: 0 15% 20px 15%; }
  .galeria .kepek .kep { height: 220px; }
}