/* Move down content because we have a fixed navbar that is 50px tall */
body {
/*  padding-top: 50px;*/
  padding-bottom: 20px;
  font-size:16px;
}


ul li{list-style:square}
.red{color:#ff2200!important}
.white{color:#ffffff}
.black{color:#000000}
.kek{color:#0994d9}
.zold{color:#017d4a}
.vektor{background-color:#008932; border-color: #00a36d;}
.vektor:hover{background-color:#00a36d; border-color: #00a36d;}

.col-md-20{width:20%;float: left;}
.kep img{max-width:100%}
.kep2 img{max-width:70%}
.kep5 img{max-width:90%}
.kep4 img{max-width:95%}
.kep4 img:hover{  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  /* IE 5-7 */
  filter: alpha(opacity=65);
  /* Netscape */
  -moz-opacity: 0.65;
  /* Safari 1.x */
  -khtml-opacity: 0.65;
  /* Good browsers */
  opacity: 0.65;}
.kep6 img{max-width:100%}
.keengreen{width: 200px; margin: 0 auto; display: block;}
.clear{clear:both}

.jumbotron {padding-top: 0;}
.jumbotron {padding-bottom: 20px;}
.jumbotron {xbackground-image: url(art/background_01.jpg);padding-bottom: 20px;}
.jumbotron img{max-width:100%;}
.jumbotron h1{color:#000000;font-weight:bold;margin-top:150px}
.jumbotron h2{text-align:center;font-weight:normal;font-size:30px;padding: 0}
.jumbotron p{color:#555555;font-size:2.7em;line-height:normal;font-weight:bold}
.jumbotron .container .row h2{margin: 10px;}
.form-group-sm .form-control {height: 34px;}

.jumbotron2 {height: 414px;padding-bottom: 20px;margin-top:45px}
.jumbotron {xbackground-image: url(art/background_01.jpg);padding-bottom: 20px;}
.jumbotron2 img{max-width:100%;margin: 40px 0 0 0;}
.jumbotron2 h1{color:#000000;font-size:3em;font-weight:bold;margin-top:100px}
.jumbotron2 p{color:#555555;font-size:2.7em;line-height:normal;font-weight:bold}
.navbar-inverse{background-color:#ffffff}

.navbar-header{margin:15px 0}
.navbar-header img{max-height:40px}


.container .row h1{font-weight:900;font-size:35px;}
.container .row h2{font-weight:900;font-size:25px;margin:20px 0;padding:10px 20px}
.container .row .col-md-4 h2{margin: 0 0 10px 0}
.container .row h3{font-weight:bold;margin:10px 0 15px 0;font-size:20px;color:#000000}
.foblokk img{max-width:100%; margin-bottom:10px;}
.foblokk ol{padding:0 10px 0 15px;margin:0}
.foblokk ol li{padding:0;margin:0 0 5px 0;font-size:16px}

p{font-size:16px}
.font12{font-size:12px}
.font14{font-size:14px}
.font16{font-size:16px}
.font20{font-size:20px}
.font24{font-size:24px}
.font30{font-size:30px!important}
.font35{font-size:35px!important}
.font40{font-size:40px!important}
.font50{font-size:50px!important}
.lh35{line-height:35px}

.form {background-image: url(art/background_01form.jpg);padding-bottom: 20px;}
.footer .container .row h3{color:#ffffff;font-size: 24px;}
.footer .container .row h2{font-size: 40px;}

.marginT10{margin-top:10px}
.marginT20{margin-top:20px}
.marginT40{margin-top:40px}
.marginT80{margin-top:80px}
.marginB10{margin-bottom:10px}
.marginB20{margin-bottom:20px}
.marginB40{margin-bottom:40px}
.margin5{margin:5px}
.margin10{margin:10px}
.margin20{margin:20px}
.margin40{margin:40px}
.margin0{margin:0!important;}
.marginLRM15{margin-left:-15px!important;margin-right:-15px!important;}
.marginLM15{margin-left:-15px!important;}
.marginL20{margin-left:20px!important;}
.marginLR10{margin-left:10px!important;margin-right:10px!important;}

.padding0{padding:0!important;}
.padding5{padding:5px}
.padding510{padding:5px 10px}
.padding10{padding:10px}
.padding20{padding:20px}
.paddingT10{padding-top:10px}
.paddingT20{padding-top:20px}
.paddingB10{padding-bottom:10px}
.paddingB20{padding-bottom:20px}
.paddingL10{margin-left:10px}
.paddingLR5{padding:0 5px}
.paddingL5{padding:0 0 0 5px}
.paddingR5{padding:0 5px 0 0}
.paddingLR10{padding:0 10px}
.marginkorr{margin:0 -30px 0 0!important;}
         
.textcenter{text-align:center}                  
.jumbotron h3{margin:20px 0 0 0!important;font-weight:normal!important;}
.jumbotron h2{font-weight:normal!important;}
.center{text-align:center}
.right{text-align:right}
.left{text-align:left}
.flright{float:right}
.flleft{float:left}
.bold900{font-weight: 900;}
.bold{font-weight: bold;}
.ujdonsag2018 .kiemelt2018b{background-color:#3b72c3;color:#ffffff;display: table;height:80px;border-right:6px solid #ffffff;border-bottom:10px solid #ffffff}
.ujdonsag2018 .kiemelt2018j{background-color:#3b72c3;color:#ffffff;display: table;height:80px;border-left:6px solid #ffffff;border-bottom:10px solid #ffffff}
.ujdonsag2018 .kiemelt2018b .child, .kiemelt2018j .child{display: table-cell;vertical-align: middle;}
.ujdonsag2018 .kiemelt2018b .child h3, .kiemelt2018j .child h3{margin:0;}
.ujdonsag2018 .felsorolas li{font-size:19px;margin:10px 0;}
.ujdonsag2018 .felsorolas li span{background-color:#3b72c3;color:#ffffff;padding:4px 8px;display:block}
.ujdonsag2018 h3.cim{background-color:#cc0000;padding:20px;color:#ffffff;font-size:42px;text-align:center;margin:0!important}
.ujdonsag2018 h4.cim{background-color:#868686;padding:20px;color:#ffffff;font-size:32px;text-align:center}

.foblokk h4.cim2{background-color:#868686;padding:20px;color:#ffffff;font-size:32px;text-align:center}
.foblokk h4.cim3{background-color:#bdbdbd!important;padding:20px;color:#ffffff;font-size:32px;text-align:center}

.felsorolasns li{font-size:18px;margin:10px 0;}
.felsorolasns li span{background-color:#f7941e;padding:2px 8px;display:block;font-weight:bold}

.s1{background-color:#cc0000;color:#ffffff;padding:2px 8px;display:block;font-weight:bold;font-size:32px;margin:30px 0 20px}
.s2{background-color:#aaaaaa;padding:2px 8px;display:block;font-weight:bold;font-size:26px;margin:0 0 20px}
.s3{background-color:#dedede;padding:2px 8px;display:block;font-weight:bold;font-size:22px;margin:20px 0 20px 20px}

.alsonav a{background-color:#cccccc;color:#000000;padding:10px 20px;text-decoration:none}
.alsonav a:hover{background-color:#2a7f4c;color:#ffffff}

.f30txt{padding:2px 8px;display:block;font-weight:bold;font-size:20px;}

.h58{height:58px}

.funcBtnSticky {position: fixed; top: 30%; right: 0; z-index: 9999}
.funcBtnSticky li {background-color: #e0ba22; display: block; height: 46px; padding: 15px 15px 0 50px; color: #000000; font-size: 16px; line-height: 1; text-decoration: none; white-space: nowrap}
.no-touch .funcBtnSticky.fixed li {position: absolute; top: 0; left: -8px; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; transition: left 0.3s ease}

.funcBtnSticky.fixed li.videok {width: 200px}
.no-touch .funcBtnSticky.fixed li:nth-child(1) {top: 0}

.no-touch .funcBtnSticky.fixed li.videok:hover {left: -160px}

.funcBtnSticky li::before {content: ''; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 26px; display: block; width: 46px; height: 46px; position: absolute; top: 0; left: 0}
.funcBtnSticky li.videok::before {background-image: url('art/icon-file-text.svg'); background-size: 22px; color: #ffffff;}

.funcBtnSticky li a {color: #000000; text-decoration: none}

#applicationStatus {
  position: relative;
  width: auto;
  min-width:80%;
  height: 100px;
  }

ul.applicationStatus {
  list-style: none; }

.nyilas h2.applicationStatus{
    height: 70px;
    background-color: #2a7f4c;
    display: inline-block;
    zoom: 1;
    padding: 0 80px 0 20px;
    color: white;
    font-size: 18px;
    text-align: left;
    line-height: 70px;
    font-size:24px!important;
    margin:0
}
.nyilas h2.applicationStatus:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-right: 50px solid #ffffff;
    border-bottom: 35px solid transparent;
    margin: 0 0 0 30px;}
.nyilas h2.applicationStatus span{min-width:300px;display:inline-block}

h3.pipa{
    padding: 0.15em 0.2em 0.15em 3em;
    cpadding: 5px 0 5px 0;}

.pipa:before{
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: red;
    width: 0;
    height: 0;
    float: left;
    margin: 0 1em 0 -1.5em;}

.nyil>li{list-style:none; margin: 0 0 0 2em;}

.nyil>li:before{
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    float: left;
    margin-left: -1em;
    width: 0;
    height: 0;
    list-style:none}

.nyilpirosbg>li{list-style:none; margin: 0 0 0.5em 2em;}

.nyilpirosbg>li:before{
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    color: #c00000;
    float: left;
    margin-left: -1.4em;
    width: 0;
    height: 0;
    list-style:none}
      

h4 span{position:relative;top:-6px;right:-12px;background-color:#cc0000;font-size:20px;display:inline-block;height:42px;line-height:42px;padding:0 30px;float:right}
h2.applicationStatus:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-right: 50px solid #ffffff;
    border-bottom: 35px solid transparent;
    margin: 0 0 0 30px;}
.felsorolas li{font-size:18px;list-style:square}


hr{border-bottom: 4px solid #cccccc}

th{background-color: #006bb6;color:#ffffff;padding:10px;text-align:center;font-size:20px;}
td{padding:6px;text-align:center;border:1px solid #ffffff}
/*td{width:20%}*/
tr:nth-child(even){background-color:#efefef;border-bottom: 2px solid #c7c7c7;}
tr:nth-child(odd){border-bottom: 2px solid #c7c7c7;}
.wauto td{width: auto}
.wauto10 td{width: 10%}
.kekkor{background-color: #006bb6;text-align:center;display:inline-block;width:15px;height:15px;border-radius:50%}
.foblokk h4{background-color: #006bb6;text-align:center;padding:6px 12px;color:#ffffff}
.foblokk h4.bbg{background-color: #000000;font-size:28px}

.redbg{background-color: #c00000; color:#ffffff}
.szurkebg{background-color: #cccccc; color:#000000}
.kekbg{background-color: #376092; color:#ffffff}
.zoldbg{background-color: #017d4a; color:#ffffff}
.zoldsbg{background-color: #008000; color:#ffffff}
.feherbg{background-color: #ffffff; color:#ffffff}
.feketebg{background-color: #000000; color:#ffffff}
.round{width:30px; height:30px; text-align:center; padding:5px 0px 5px 4px; color:#000000; background-color: #ffffff; border: 1px solid #000000; border-radius:50% 50%;display: block;margin:10px auto}
.inlineblock{display:inline-block}


.kekborder{border-top: 10px solid #0994d9; border-bottom: 5px solid #0994d9;}
.zoldborder{border-top: 10px solid #017d4a; border-bottom: 5px solid #017d4a;}

.kezd:hover h4{background-color: #c00000; color:#ffffff; text-decoration:none}
.kezd:hover{text-decoration:none}
.harmasblokk p{text-align:center;}
.harmasblokk p span{text-align:center;padding:2px 8px;display:block;font-weight:bold;color:#006bb6;}

.sl{}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.kulonbsegek{}
.kinyitos h2, .kinyitos2 h2, .kinyitos3 h2{cursor:pointer}
.kinyitos > div, .kinyitos2 > div, .kinyitos3 > div{display: none}
.kinyitos > div > img{display: none}
.kinyitos h2:hover, .kinyitos2 h2:hover, .kinyitos3 h2:hover{background:#000000;cursor:pointer}
.kinyitos h2 span, .kinyitos2 h2 span, .kinyitos3 h2 span{display:block;font-size:20px;margin-top:15px}
.kinyitos h2 i, .kinyitos2 h2 i, .kinyitos3 h2 i{float:right}

.fotermekek{}
.fotermekek a{text-decoration:none}
.fotermekek a:hover h4{ background:#343434;
  -webkit-transition: background-color 0.5s ease-out; 
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;}
.fotermekek a:hover .szurkebg{ background:#0000000;
  -webkit-transition: background-color 0.5s ease-out; 
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out; color:#ffffff}

.fotermekek > div > div > h2{padding:30px 15px!important;}
.fotermekek > div > div > h2 span{font-size:16px;padding:0px}
 
.kiegeszitoinfo{background: #f5f5f5; padding: 20px 5px 10px 5px; border-top: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9;margin:0 0 60px 0}

.keplink:hover{border-color: #376092}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	xpadding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#fooldal a{text-decoration: none}
#fooldal .col-sm-6 a h3{margin: 10px 0 0 0}
#fooldal .col-sm-6 img{width: 100%}
.ttu{text-transform:uppercase}
.kiemelt{background-color: black; padding: 10px; color: white!important; }
.kiemeltzold{background-color: #017d4a; padding: 10px; color: white!important; }

.sorszam{background-color: #ffb343; padding: 2px 4px; border-radius: 3px; border: 1px solid #000000; margin: 2px 2px 3px 0; display: inline-block;}
.sorszamplusz{background-color: red; color:white; font-weight:bold; padding: 2px 4px; border-radius: 3px; border: 1px solid #000000; margin: 2px 2px 3px 0; display: inline-block;}

.lnk:hover h3{color: #376092} 


.jnyil{
/*	width: 0;
	height: 0;
	border-width: 40px 0 40px 24px;
	border-color: transparent transparent transparent #FF0000;
	border-style: solid;
    float:left
    */
    
	width: 0;
	height: 0;
	border-width: 29px 24px 29px 0;
	border-color: transparent #376092 transparent transparent;
	border-style: solid;
    float:left;
    margin: 0 10px 0 0   
}
.nyilkeret{border: 2px solid #376092; display: grid; padding: 5px; margin: 0 0 6px 0 }
.nyilkeret h3{padding: 0!important; margin: 0!important}
 
.akciolink{background-color: #c00000; color: #ffffff; font-size: 24px; width: 80%; padding: 20px 0; display: block; margin: 0 auto 40px}
.akciolink:hover{background-color: #dfdfdf; color: #c00000;} 
 
@media only screen and (max-width: 979px){
    h4 span {position: relative;
    top: 0;
    right: 0;
    background-color: #cc0000;
    font-size: 18px;
    display: block;
    height: auto;
    line-height: 31px;
    padding: 0 30px;
    float: none;}
}

@media only screen and (min-width: 767px) and (max-width: 979px) {
    .alsonav .col-md-4 {display: table-cell}
    .alsonav .col-md-4 a{display: inline-block}
    .col-xs-offset-1 {margin-left: 0;}
    .kep{text-align: center;}
}
@media only screen and (max-width: 320px) {
    .akciolink{width: 100%; font-size: 18px}
    .font30{font-size: 20px!important}
    .marginkorr{margin:0!important}
    .kepesmenu .padding10{padding: 0;}
    form .col-sm-2{text-align: center}
    .col-md-12.padding0{margin: 0 10px;}
    .col-md-4.paddingLR10{padding: 0!important;}
    .col-md-12.paddingLR10.marginT10.szurkebg{ margin: 10px 10px}
    
    .container .row h3{margin: 10px 10px 15px 10px}

}
@media only screen and (max-width: 479px) {
    .alsonav .col-md-4{width: 100%}
    .alsonav .col-md-4 {text-align: center; float: none; margin:40px 0}
}
@media only screen and (max-width: 767px) {
    .col-xs-offset-1 {margin-left: 0;}
    h1{font-size:24px}
    .kep{text-align: center;}
    .nyilpirosbg>li {margin: 0 0.5em 0.5em 0.5em;}
    .col-md-4 h2{text-align:center}    
    .container .row .col-md-4 h2.margin0{margin-bottom: 10px!important}
    .navbar-header {padding-right: 5px; padding-left: 5px;}
    .navbar-header > div > img{max-height:20px}
    .navbar-header > div > a > img{max-height:20px}    
    .navbar-header .col-md-8, .navbar-header .col-md-4{width: 50%; float: left;}
    .navbar-header .col-md-6, .navbar-header .col-md-6{width: 50%; float: left;}    
    .font40{font-size:20px!important}
    
  .funcBtnSticky.fixed{
      top: calc(100% - 40px); 
      height: 50px;
      width: 200px;
      margin: 0 auto;
      padding: 0;
      font-weight: 600;
      line-height: 2.2;
      text-align: center;
      position: fixed;
      left: 0;
      right: 0;
      z-index: 3000;
      cursor: pointer;
  }    
  
    .no-touch .funcBtnSticky.fixed li.videok:hover {left: 0}      
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .navbar-header .col-md-6{width:45%!important;float:left}
    .kinyitos h2, .kinyitos2 h2, .kinyitos3 h2{text-align:center;}
    .kinyitos h2 span, .kinyitos2 h2 span, .kinyitos3 h2 span{display:block;font-size:20px;float:none;text-align:center;margin:10px}
    .alsonav .col-md-4{width: 100%}
    .alsonav .col-md-4 {text-align: center; float: none; margin:40px 0}
    .marginkorr{margin:0!important;}
}